audioタグとJavaScriptでピアノを作ろうとしたけど諦めた
タイトル通りの話をざっくり書いてみます。 （下の方に（挫折した）サンプルあります） HTML5といえば、canvasタグたーのしぃーひゃっほーいで、videoタグとaudioタグでリッチなコンテンツもFlashなしで見せてやんよ、って感じでございますが、canvasタグは個人的にも多少はいじってみて可能性を感じましたが、videoタグとaudioタグはこれといった「おもしろ方向性」が思いつかなかったので今まで全然いじりませんでした。が、ちょっと思いつきまして、audioタグ利用してブラウザだけで動作するピアノを作ってみようと、こんなことをやってみました。 まずピアノ単音をG1～C5まで用意します。wavファイルで2.5sくらいの長さの。 GarageBandでソフト音源トラックを作り、音色ピアノ、BPM120、4分音符1つ、をwavで書き出しました。GarageBandが最短小節数8という
Firefox でマルチメディアコンテンツを扱う - MDC
Firefox 3.5 では HTML 5 で新たに定義された audio 要素および video 要素への対応が行われました。これにより、 HTML 文書に簡単にマルチメディアコンテンツを埋め込むことが可能になります。現在、 Ogg 形式と WAV 形式のコンテンツしかサポートされていませんが、将来的には数多くの形式に対して対応が進む見込みです。 コンテンツの埋め込み コンテンツを HTML 文書に埋め込むのは非常に簡単です: <video src="http://v2v.cc/~j/theora_testsuite/320x240.ogg" autoplay> Your browser does not support the <code>video</code> element. </video> 例えば、上記の例では Theora プロジェクトの web サイトにあるサンプルビデ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JS-909
