roudokuka examples

roudokuka is simple web reader, it's working with browser feature only.
"Roudokuka" == "朗読家" == "Reader"

How to use roudokuka?

You must load roudokuka somehow. if it's done, roudokuka is ready to use!!

jsDelivr CDN:

Add ↓ tag to somewhere.

<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/roudokuka/docs/roudokuka.min.js"></script>

npm:

roudokuka is published on npm. https://www.npmjs.com/package/roudokuka

install with npm or yarn or something, and add line like this ↓ to somewhere.

import Roudokuka from 'roudokuka'
Examples

How to try examples    Examples will play sound

Click "Start" button of embedded CodePen.
simple usage

See the Pen examples - simple usage by snowsunny (@snowsunny) CodePen.

with utterance options

you can check more options ↓ site.
SpeechSynthesisUtterance - Web APIs | MDN

See the Pen examples - with utterance options by snowsunny (@snowsunny) CodePen.

with global utterance options

you can set global utterance options. options priority is "line's utterance" > "global utterance" > "roudokuka's default" > "browser's default".

See the Pen examples - with global utterance options by snowsunny (@snowsunny) CodePen.

custom options with onend event

check with your browser console. roudokuka is return "speechSynthesisEvent" and "end line info" to callback of onend event.

See the Pen examples - custom options with onend event by snowsunny (@snowsunny) CodePen.

loop with onLibrettoEnd event

See the Pen examples - loop with onLibrettoEnd event by snowsunny (@snowsunny) CodePen.

reader will stupid when reader count multiples of 3 or say 3

See the Pen examples - reader will stupid when reader count multiples of 3 or say 3 by snowsunny (@snowsunny) CodePen.