音声ファイルの再生速度を速くしたり遅くする音声ファイルの再生速度を通常よりも速くしたり、遅くする方法について解説します。この記事のポイント音声ファイルの再生速度はaudio要素のplaybackRateプロパティで調整するplaybackRateプロパティに設定できる値の範囲はブラウザによって異なる音声ファイルの再生速度について音声ファイルの再生速度はaudio要素のplaybackRateプロパティに値を設定すると調整することができます。通常の速度は「1.0」、それ以上の値の場合は早く再生し、0.9から0.1の値はスロー再生になります。0は再生が止まって一時停止と同じ状態になります。-0.1以下の負の値を設定すると逆再生になります(2023年07月現在はPC版Safari、モバイル版ChromeとSafariのみ対応)。」「もっと早送り」の4つのボタンを用意して、それぞれのボタンを押すと再生速度を調整することができます。});});ページの読み込みが完了したタイミングでquerySelectorメソッドからaudio要素を取得して、変数audioElementに入れます。それぞれのボタンについてはid属性を使って取得して対応する変数に入れておきます。続いて、4つのボタンに対してクリックされたときに発生するイベント「click」をイベントリスナーに登録します。クリックされたときには、audio要素のplaybackRateプロパティに対して再生速度の値を設定する処理のみ行います。再生速度「0.5」は通常の半分の速度(スロー再生)、「2.0」は2倍速、「3.0」は3倍速です。playbackRateプロパティに設定できる値の許容範囲はブラウザによって異なります。再生速度が極端に早かったり、遅い場合は通常再生になったり、自動的に消音設定になることがあります。こちらの記事は役に立ちましたか?GoodBadありがとうございます。よろしければ、あわせてフィードバックや要望などをご入力ください。コメント送信コメントありがとうございます!運営の参考にさせていただきます。要件を満たすコードをササッと書けて、どこでも通用するような凄いエンジニアになりたい。エンジニアをやっていると、そんな憧れや「個人の能力・スキル」重視の思考に陥ったことが一度はあるのではないでしょうか。本書はそんな個人思考から脱却し、より広い視点を持ちながら効率良い開発を進められるようなエンジニアの参考にすべき考え方が詰まっています。