Deprecated: The each() function is deprecated. This message will be suppressed on further calls in /home/zhenxiangba/zhenxiangba.com/public_html/phproxy-improved-master/index.php on line 456
JavaScriptでシーケンサ:いで庵
[go: Go Back, main page]

JavaScriptでシーケンサ

Audio Data API / Web Audio APIを用いて波形を弄れるシーケンサを作成。2011年度前期研究報告会にて発表。

これは何?

JavaScriptで作られたシーケンサです。譜面にマウスでポチポチ音符を置いていくとその譜面に合わせて音を再生します。また、音の波形やエンベロープもマウスで描くように編集することができます。

動作確認済みの環境はFirefox4とGoogle Chromeのdev版とcanary版で、いずれもWindows版です。未確認ですがFirefoxのバージョン5以降、Mac版Safari、Google ChromeのMac版stable、Linux版dev,canaryでも動作するはずです。(動作しない場合は送信フォームに報告を投げて頂けるとありがたいです。)

このアプリケーションはAudio Data APIWeb Audio APIを用いて音声の動的生成を実現しています。

遊んでみる

下のリンクからどうぞ

Google Chromeの場合はURLバーに「about:flags」と打ち込んで出てくるページでWeb Audio APIを有効にしてください。

資料

このアプリケーションを作成するために使用したAudio Data API / Web Audio APIについてまとめた資料です。

履歴

2011-06-27
公開