[B! audio] brandonsのブックマーク

JavaScriptでリアルタイムに音を出すときに簡単便利なやつつくった - つまみ食う

先日作成した「関西電気保安協会リズムマシーン」と「ONE-LINER-ORCHESTRA」が Chrome, Safari *1 (Web Audio API) Firefox (Audio Data API) Opera (HTMLAudioElement) で使えるようになりました。どちらも pico-player.js っていう拙作ライブラリを使っているんだけど、普通に便利なので紹介します。 https://gist.github.com/1342081 CoffeeScriptで書いてコンパイルしています。もうJavaScript書けなくなってきました。 2011/11/08追記別タブ選択時に音が途切れる減少を解消しました。関連記事： http://d.hatena.ne.jp/mohayonao/20111108/1320756534 2011/11/07 追記 Coffe

brandons 2011/11/06

リンク

HTML5のvideo/audio＋JavaScript APIテクニック

HTML5の＜video＞や＜audio＞タグとJavaScript APIで、自由に動画や音声を楽しもう。カスタムのビデオプレイヤーだって作れる video/audio要素のAPIやイベントを利用する video/audio要素は、JavaScriptを用いた細かい制御を行えるのも特徴の1つです。カスタムのビデオプレイヤーを作ることも容易ですし、動画からフレームを切り出してCanvasに投影し、グラフィックとして取り扱う、なんてテクニックもあります。今回は、そうしたJavaScript APIの利用方法について見ていきましょう。なお、この記事は2011年5月25日版の仕様に基づいています。 video/audioに共通のメソッド、プロパティ video要素とaudio要素は、メソッドやプロパティの多くが共通です。そうしたメソッドやプロパティを表すのが以下の一覧です。 MediaErr