質問編集履歴

1

S.Nakagawa255

S.Nakagawa255 score 11

2018/05/25 21:21  投稿

iPhone6にてTextSpeechAPIによる発話が実行されない。
iPhone6にてWebSpeechAPIによる発話が実行されない。
### 前提・実現したいこと
iPhone6にて、Web画面表示時に自動的にTextSpeechAPI(speechSynthesis.speak)による発話を行わせたい。
iPhone6にて、Web画面表示時に自動的にWebSpeechAPI(speechSynthesis.speak)による発話を行わせたい。
### 発生している問題・エラーメッセージ
問題は、Web画面表示時(window.loadイベント)にTextSpeechAPIを実行するようにしたが、iPhone6から発話されないことです。
問題は、Web画面表示時(window.loadイベント)にWebSpeechAPIを実行するようにしたが、iPhone6から発話されないことです。
ボタンタッチ(onclick="speak()")はiPadから発話されました。
ボタンタッチ(onclick="speak()")はiPhoneから発話されました。
画面スクロール時($(window).scroll)は以下の手順のときのみ発話しました。
先に画面スクロールした場合は発話しませんでした。
1.ボタンタッチ →ここで一度発話
2.画面スクロール→再度発話
### 該当のソースコード
```ここに言語名を入力
<html>
<head>
   <meta charset="utf-8">
   <meta http-equiv="cache-control" content="no-cache">
   <meta name="viewport" content="width=device-width">
   <title>シンプルなデモ | Web Speech API -> speechSynthesis</title>
   <!--link rel="stylesheet" href="demo.css" type="text/css"-->
   <script type="text/javascript" src='js/jquery.min.js'></script>
</head>
<body style="height:3000px;">
   <h1>シンプルなデモ</h1>
   <input class="text" value="Web Speech API を使ってみよう!">
   <button id="btn" onclick="speak()">speak()</button>
   <script>
       window.onload = function () {
           speechSynthesis.cancel();
           speak();
       }
       $(window).scroll(function(){
           alert("scr");
           speak();
       });
       function speak() {
           alert("はつわ");
           
           //固定された値
           var text = "固定された値";
           speechSynthesis.speak(
               new SpeechSynthesisUtterance(text)
           );
       }
   </script>
</body>
</html>
```
### 補足情報(FW/ツールのバージョンなど)
使用デバイス:iPhone6
OS:iOS10.2.1
空きストレージ:200~250MB
使用ブラウザ:Chrome・Safari
パソコンでは問題なく動作。
  • JavaScript

    25225 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • HTML

    14774 questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • iOS

    5597 questions

    iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

  • HTML5

    6491 questions

    HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る