Scrapbox to Speech (Web Speech APIでScrapboxの内容を喋らせる)

Demo

機能

スクラップボックスで選択したテキストを喋らせる。喋っている最中に中断すること可能(動画の2回目の再生は途中でキャンセルしてる)

コード

script.js

 // 選択した文章に対してボタンを追加
 scrapbox.PopupMenu.addButton({
    title: 'Speach',
    // ボタンをクリックして選択した文章の内容を取得(Plain textで取得するのが望ましい)
    onClick: text => {
        // https://qiita.com/hmmrjn/items/be29c62ba4e4a02d305c
        // https://app.codegrid.net/entry/2016-web-speech-api-1
        // こちらを参考にWeb Speech APIを使う
        const uttr = new SpeechSynthesisUtterance(text);
        if (speechSynthesis.speaking == false) {
            speechSynthesis.speak(uttr);
        } else {
            speechSynthesis.cancel();
        }
    }
 })