質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
JavaScript

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

HTML

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

API

APIはApplication Programming Interfaceの略です。APIはプログラムにリクエストされるサービスがどのように動作するかを、デベロッパーが定めたものです。

Q&A

解決済

2回答

1381閲覧

Web Speech APIで文章の途中から発声がスタートしてしまう

Dot

総合スコア120

JavaScript

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

HTML

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

API

APIはApplication Programming Interfaceの略です。APIはプログラムにリクエストされるサービスがどのように動作するかを、デベロッパーが定めたものです。

0グッド

2クリップ

投稿2018/04/06 00:42

編集2018/04/06 13:52

前提・実現したいこと

Web Speech APIで音声出力しています

発生している問題・エラーメッセージ

何故か文章を喋らせると4文字目から発声スタートしてしまいます
2回目は3秒未満に発声させれば問題なく1文字目からスタート
javascriptでのエラーメッセージはありません
ローカル,ウエブサーバー両方とも発生

該当のソースコード

Jsfiddle

試したこと

他のサンプルサイトとかのデモを確認しても発生
途中から再生されてしまう等のコメントはなかった

補足情報(FW/ツールのバージョンなど)

ここにより詳細な情報を記載してください。

PCブラウザでのみ発生
Google Chrome
mozilla/5.0 (windows nt 6.3; win64; x64) applewebkit/537.36 (khtml, like gecko) chrome/65.0.3325.181 safari/537.36
Androidブラウザでは問題は発生しない
mozilla/5.0 (linux; android 7.0; vky-l29 build/huaweivky-l29) applewebkit/537.36 (khtml, like gecko) chrome/65.0.3325.109 mobile safari/537.36

発生しないブラウザ
Google Chrome は最新版です
バージョン: 65.0.3325.181(Official Build) (32 ビット)
mozilla/5.0 (windows nt 6.1) applewebkit/537.36 (khtml, like gecko) chrome/65.0.3325.181 safari/537.36

64bit OS? chrome バージョン?

よろしくおねがいします

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

HayatoKamono

2018/04/06 01:54 編集

リンク先のコードはご自身で書かれたコードの一行一行を理解しているものでしょうか?それとも、他サイトのコードのコピペやコピペの継ぎ接ぎでコード自体の理解はあまりない状態でしょうか?前提の確認です。
Dot

2018/04/06 02:07

いえ 大体わかっていますよ 教えていただいた所も一番下以外なんとなくわかります
guest

回答2

0

https://stackoverflow.com/questions/21513706/getting-the-list-of-voices-in-speechsynthesis-of-chrome-web-speech-api

この辺、関連してそうなのでとりあえず参考までに置いておきます。

投稿2018/04/06 01:09

HayatoKamono

総合スコア2415

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

Dot

2018/04/06 02:08

ありがとうございます 参考にしてみます
guest

0

自己解決

小細工で微妙に動いたのでクローズします
Jsfiddle

投稿2018/04/07 01:43

Dot

総合スコア120

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問