ウェブサイトのテキストをクリックで音読するブックマークレット

だいたいはてなブログを音読するボタン - hitode909の日記のパクリ。

デフォルト音声は OS の言語設定によるのか、英語優先になっていると日本語の文章を読み上げてくれない（アルファベットの部分だけ読む）。読み上げ言語を変更する際に API を使い間違えててちょっともたついたが、Web Speech APIの実装 - Speech Synthesis API | CodeGridのおかげでうまくいった。

ブックマークレット化はBookmarklet Creator with Script Includer - Peter Colesを利用した。

Speech it

javascript:(function()%7Bvar current %3D null%3Bvar originalStyle %3D ''%3Bdocument.onmouseover %3D function(e) %7Bcurrent %3D document.elementFromPoint(e.clientX%2C e.clientY)%3BoriginalStyle %3D current.style%3Bcurrent.style %3D 'background%3A rgba(255%2C 0%2C 0%2C 0.2)'%3Bif (window.speechSynthesis) %7Bvar synth %3D speechSynthesis%3Bvar message %3D current.textContent%3Bvar utter %3D new SpeechSynthesisUtterance(message)%3Butter.lang %3D "ja-JP"%3Bcurrent.onmouseup %3D function(ev) %7Bev.stopPropagation()%3Bsynth.speak(utter)%3B%7D%7D%7D%3Bdocument.onmouseout %3D function(e) %7Bcurrent.style %3D originalStyle%3B%7D%7D)()

Speech it