HTML5サウンドプレイヤーのサンプル。マウスで選択した曲(音声ファイル)が再生される。画像クリックでサンプルページを表示します(Firefox 3/Opera 10/Safari 4で表示可能) 本連載でもこれまでHTML5 Videoを使って動画を再生する方法を紹介しましたが、今回は音声を再生してみましょう。HTML5ではプラグインを使用しなくても動画や音声を再生できます。 今回はHTML5 Audioのサンプルとして、選択した音楽(音声ファイル)を再生するサウンドプレイヤーを作ります。単に音楽を再生するだけでは面白くないので、Canvasを使ってビジュアルを表示する機能も付けます。さしずめ、iTunesやWindows Media Playerのブラウザー版、といったところでしょうか。 ブラウザーによって違うサポート形式 HTML5 AudioはVideoと同じメディア要素として扱わ
![HTML5 Audioで作るiTunes風音楽プレイヤー (1/7)](https://cdn-ak-scissors.b.st-hatena.com/image/square/0a2332ccfe18e2f90729fc121e7bff97ef60326f/height=288;version=1;width=512/https%3A%2F%2Fascii.jp%2Fimg%2F2009%2F08%2F25%2F243919%2Fl%2F5febe65cac51f829.jpg)