FC2ブログ

HTML5 audioて音楽再生

HTML5 audioて音楽再生

HTML5 では、audioタグで
音楽再生ができる

ただし、動画再生と同じく音楽再生も
対応フォーマットの問題があるので注意

これも、動画と同じ対処で
sourceタグで複数のフォーマットを用意することになる

書式にすると
<audio controls>
<source src="音声.mp3"/>
<source src="音声.ogg" />
</audio>

ちなみに、Android 2.2以下は
audio非対応なので注意

audioタグの属性は、videoタグと似ている
以下はその属性のメモ

src
音楽ファイルのURL

loop
ループ再生の指定

controls
再生のためのインターフェースを表示

autoplay
自動で音楽再生

preload
auto指定で、ファイルの先読みこみをする

これも、スマートフォンでは
autoplayとpreloadは非対応


スマートフォン対応フォーマットについては
iOSなら
Mp3
AAC
WAV

Androidなら
MP3
OGG
Vorbis

となる

あと、注意すべきところは
動画再生と同じく
WebサーバーでのMIME Typeの指定

これも、.htaccessで
指定を追加するようにすればok

AddType audio/mp3 .mp3
というようにする
スポンサーサイト



コメント

非公開コメント

最新記事
検索フォーム
GREEハコニワ攻略サイト
リンク
カテゴリ
月別アーカイブ
フリーエリア
最新記事
FXプライムレート
最新コメント
最新トラックバック