2年前に『HTML5のaudio要素とJavaScriptで作るオーディオプレイヤー』という記事を書きました。今回その記事内でサンプルとして作ったオーディオプレイヤーを改良してみたので、少々解説でもしてみたいと思います。 まず、ボリューム機能ですが、スライダーを左右に動かすと、再生中の曲のボリュームを変更できるようになっています。それからボタンに関して言うと、「再生」ボタンを押すと曲が再生されるのと同時に「一時停止」ボタンに切り替わり、さらに「一時停止」ボタンを押すと曲が一時停止されるのと同時に「再生」ボタンに切り替わるようになっています。(使っている曲は私の10年前に作ったデモ曲となります。何卒ご了承ください…) それでは、さっそく解説に入ります。必要に応じて『HTML5のaudio要素とJavaScriptで作るオーディオプレイヤー』も参考にしてください。 ボリューム機能の実装ボリュー