質問: Javascriptで音声に合わせてアイコンに動きをつけたいと試みています。 Jsfiddleにサンプル・コードを書きました。 発音ボタンをクリックすると読み上げが始まります。 アイコンにCSSで動きをつけたいのですが、「読み上げ中」のときだけ、アイコンに動きをつけにはどうしたらいいのでしょうか?(サンプル・コードは、常時アイコンが動作しています。)(読み上げが終わればアイコンのアニメーションが停止するようにしたい) スピーカーから音がなっている間だけフラグがONになればそのときだけアニメーションのCSSを実施して、OFFになればアイコンを通常のものに上書きすればいいのか?とも考えたのですが何かいい方法があれば是非教えてください。宜しくお願いします。
回答: ボタンにclass名を追加/削除する事で実現できます。 APIドキュメントには * 発音させる内容 * 声の性別や質 * 動作時の設定 などのオプションの指定方法がありますので、そちらも合わせてご確認ください。 ※元のコードをあまり変化させないよう回答しましたが、個人的には通常時を「アニメーション無し」として発音中にアニメーションする方が、手直しをする際に分りやすいかと思います。