2013年03月08日

HTML5でオーディオプレイヤーを貼り付け

 世の中はもはやHTML5の時代(!?)
 以前は苦労してやっていたことも、HTML5だと簡単に出来てしまう。・・のだろうか?

 と言うことで、HTML5を使って、オーディオプレイヤーを貼る実験をしてみたいと思う。

 まずは、audio要素を使って・・、最もシンプルに貼ってみたいと思う。



 上記に書かれたタグは、つぎの通りである。
<audio src="http://ysfactory.up.seesaa.net/songs/song0001.mp3" controls>
</audio>

 私の手元のXPの環境では、つぎの通りである。
 IEでは、バージョンが古くて(IE7)、audio要素はサポートされていない。
 Operaでは、audio要素はサポートされているが、mp3がサポートされていない。

 さて、Win7の環境では・・・・

<この記事はTAM Music Factoryさんのフリー素材を使用しています。>
<2013/03/26修正>
posted by わいずふぁくとりい at 23:12 | Comment(0) | TrackBack(0) | HTML5オーディオプレイヤー貼り付け

広告


この広告は60日以上更新がないブログに表示がされております。

以下のいずれかの方法で非表示にすることが可能です。

・記事の投稿、編集をおこなう
・マイブログの【設定】 > 【広告設定】 より、「60日間更新が無い場合」 の 「広告を表示しない」にチェックを入れて保存する。


×

この広告は1年以上新しい記事の投稿がないブログに表示されております。