絶対に覚えておきたいHTML5の『audio要素』超基本を知る!! | HTML5でサイトをつくろう
【HTML】 <audio controls> <source src="audio/sample.mp3" type="audio/mp3"> <source src="audio/sample.ogg" type="audio/ogg"> <source src="audio/sample.wav" type="audio/wav"> <p>※ご利用のブラウザでは再生することができません。</p> </audio> source要素もHTML5からの新要素になります。使い方は上記のようにaudio要素の中に記述しsrc属性に再生するファイルを指定しすることでブラウザは上から順に再生可能かをチェックしていきます。尚、要素に対応していないブラウザでは全て無視され、その後ろに記述された要素が表示されるようになります。 ブラウザの表示確認 今回はFirefoxもちゃんとプレイヤーが表示されまし
ブラウザーだけで使える音楽系Webアプリ13選（HTML5編）
先日の投稿『HTML5のaudio要素とJavaScriptで作るオーディオプレイヤー』において、HTML5のAudio要素とJavaScriptで音楽プレイヤーを作りましたが、世の中には一体どんなHTML5の音楽系のWebアプリケーションがあるのか探してみたくなりました。いくつか紹介したいと思います。 これらはすべてHTML5対応のブラウザーであれば利用可能なものです。ブラウザーだけでここまでできるのかと驚くべき機能を持ったアプリもあります。ぜひ体験してもらえればと思います。 ピアノ（鍵盤）系アプリTHE HTML5 PIANO http://www.azoffdesign.com/pianoキーボード機能を簡単にブラウザーに組み込めるjQueryのプラグイン。鍵盤の描画にはHTML5のCanvas要素、音の再生にはHTML5のAudio要素が使われています。鍵盤数は少なく、パソコンのキ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
