教材開発してみた

教材開発のあれこれ

iBooksでテキスト読み上げ(音声合成)させてみた

Web Speech Synthesis API音声合成API)を使って、iBooksにテキスト読み上げをさせてみました。

iOSの場合、ユーザーアクションがないと再生開始できません。よって、ページを開いて自動で読み上げることはできません。ボタンを作成し、onclick等でプログラムを作動させます。

読み上げのアクセントは、ちょっと変な所ががありますが、漢字も正しく読んでくれます。「英語」にして英文を読み上げさせると、かなりきれいな発音です。

var rate_value = 9;
var pitch_value = 9;
var volume_value = 9;
var text_value="こんにちは、私は、アイブックです。";

 

function playSpeech_func(){
var synthes = new SpeechSynthesisUtterance();
synthes.voiceURI = 'native';
synthes.volume=(volume_value/10);// 音量 min 0 ~ max 1
synthes.rate = (rate_value /10);// 速度 min 0 ~ max 10
synthes.pitch= (pitch_value/10);// 音程 min 0 ~ max 2
synthes.text = text_value; // 話す内容
synthes.lang = $('#langID').val();// en-US or ja-UP
//synthes.onend = function(e) {}; // 終了時の処理 ←今回は使いません
speechSynthesis.speak(synthes); // 発話実行
};

作成したサンプルはこちら(iBooksで利用して下さい)

ソースファイルはこちら(iBooks Author用のデータです)