音を扱うJavaScriptライブラリや記事

Web Audio API を中心に音を扱うライブラリや記事をざっとまとめました。

サウンドファイルの再生に特化したやつ

ゲーム用途とかならこのあたりで十分っぽい

• howler.js
• SoundJS

簡単に演奏できるやつ

• beeplay / 記事
  • メソッドチェーンで音をつなげていく
• abeck
  • ABC記譜法 で書ける

テンプレート的なやつ

• TemplateSynth / 記事
  • ポリシンセ用のテンプレート
• mml-emitter
  • MMLをイベントとして発火する

信号処理するやつ

• Tone.js
  • 必要な機能がひととおり揃っている
• tuna
  • Web Audio API 用のエフェクター
• flocking
  • 音の構造をJSONで書く。node.jsでも動く。
• neume.js
  • jQueryっぽく書けるインターフェースが特徴だけど色々雑い。
• pico.js
  • Web Audio API, flash fallback, node.js に対応したインターフェース
  • 信号処理自体は自分で書く必要がある。全部自分でやりたい人むけ。

便利なやつ

• WAAPISim
  • IE でも動く Web Audio API
• node-web-audio-api
  • node.js でも動く Web Audio API
• web-audio-test-api
  • テスト用途の Web Audio API。オーディオグラフのテストができる。
• web-audio-scheduler
  • この記事 をライブラリ化。イベントをスケジューリングする。
• webaudio-controls / 記事
  • WebComponents で書かれたGUI部品

polyfill

• webkitAudioContext monkeypatch
  • (かなり)古いAPIを新しいものに置き換える。
• StereoPannerShim
  • StereoPanner が古いブラウザ ¹ でも使える
• AudioWorkerShim
  • AudioWorker が古いブラウザ ¹ でも使える
• promise-based-decode-audio-data
  • 古いブラウザ ¹ でも AudioContext#deocdeAudioData が Promise を返す
• getFloatTimeDomainData
  • 古いブラウザ ¹ でも AnalyserNode#getFloatTimeDomainData が使える

アプリケーション

• Web Audio Synth2 / 記事 記事
  • WebGL を使った 3D mini moog
• Gibber - An audiovisual live coding environment for the browser
  • ライブコーディング
• Renoid Player / 記事
  • ボーカロイド
• Web Music Platform / 記事
  • パッチで音楽を作れる
• Protracker module player for Web Audio

仕様

• Web Audio API
• Web Audio API - draft
• Web Audio API - 日本語訳

知見

• Web Audio API 解説
  • 各AudioNodeの使い方とデモが試せる
• 2 つの時計のお話 - Web Audio の正確なスケジューリングについて
  • これ理解していないと困ると思う
• Web Audio Weekly
  • Web Audio関係のニュース
• WebAudio-PulseOscillator
  • Web Audio API でパルスオシレーターを作る方法
• PHYSICAL AUDIO SIGNAL PROCESSING
  • 信号処理のテキスト
• Audio EQ Cookbook
• BiquadFilterのテキスト

古の遺跡

Audio Data API 時代のライブラリ。信号処理を全部 JavaScript でやっている。

• dsp.js
• Audiolet
• timbre.js

1. Chrome 40 とか Firefox 35 あたり ↩ ↩² ↩³ ↩⁴