音声/テキストメモ Web アプリケーションを作成しています。ここ: http://gustavstromberg.se/sandbox/html5/localstorage/ソースを見てください (非常に短く、ほとんどが css です)
これは:
- 音声認識は、私の知る限りクロムでのみ機能します。
- ローカル ストレージ。メモをテキストとして保存します。
- Google 翻訳のテキスト読み上げ。
すべてが機能しますが、ブラウザーが異なります。音声入力はクロムでのみ完璧に機能します。テキスト読み上げはサファリで動作します。
メモを audio>source 要素に動的にロードするには、次を使用します。
$("#spokenmemory").html("<source src='http://translate.google.com/translate_tts?tl=en&q="+localStorage['memory']+"' />");
(localStorage['memory'] には、保存したテキスト メモが含まれています)
最近保存したメモをGoogleのテキスト読み上げ機能で再生するには、次を使用します。
$("#listenplay").click(function(){
$("#spokenmemory")[0].play();
});
(spokenmemory は私の audio-tag の id 属性です)
これは chrome では再生できませんが、翻訳リンク (例: http://translate.google.com/translate_tts?tl=en&q=Japan、私のテキストメモは「Japan」) にアクセスすると、別のブラウザタブを開き、自分のサイトに戻ってページをリロードすると (同じテキストメモ「Japan」が保存されます)、再生が機能します。なんて奇妙で、うっとうしいことでしょう。
この奇妙な動作について誰か考えがありますか?