Edited at

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


Demo


機能

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


コード

https://scrapbox.io/wordbook/yamato


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();
}
}
})