arasuji.js デモ

中断した長文ページを再開するときに、「前回のあらすじ」を音声で聞けるようにするライブラリのデモです。

教材風:Python入門:関数

data-preset="lesson"。節が <section> で囲まれていない平らな構造。ショートカット(Alt+Shift+R/J/O)が有効。

ドキュメント風:はじめに

<main> と <section> で組んだ別構造のページ。script 2行だけで動く。ショートカットは既定のオフ。

ブックマークレット

arasuji.js に対応していないサイトでも、ブックマークから使えます。

自前 UI:はじめに

data-ui="off" にして、公開 API とイベントだけで作った操作バー。見た目は自由、読み上げは同じ。