テキストを音声で読み上げ
テキスト読み上げ機能:
掲示板に書かれたテキストを音声で読み上げます。アクセシビリティ向上にも繋がります。
実現方法: Web Speech API の SpeechSynthesisUtterance を利用します。
JavaScript
function speakText(textareaId) {
if ('speechSynthesis' in window) {
const text = document.getElementById(textareaId).value;
const utterance = new SpeechSynthesisUtterance(text);
// オプションで言語や声を設定可能
// utterance.lang = 'ja-JP';
window.speechSynthesis.speak(utterance);
} else {
alert('ごめんなさい、お使いのブラウザは音声読み上げに対応していません。');
}
}
HTML
<TEXTAREA id="speechText">読み上げたいテキストを入力してください。</TEXTAREA>
<INPUT type="button" value="読み上げる" onClick="speakText('speechText');">