JavaScript で Web Audio API を実装した - 音の鳴るブログ
github.com 以前から Web Audio API に興味があって暇なときには仕様を読んだりしていたのですが、だいたい分かったぞ！！と思って勢いで書きました。すべて JavaScript で書いてあるのでブラウザはもちろん Node.js でも動作します。Node.js で動かす場合はレンダリング結果をストリームとして出力するかwav形式でエクスポートできます。 オンラインのデモ (web-audio-engine と native Web Audio API の比較ができます) web-audio-engine :: demo 先行する事例の node-web-audio-api WAAPISim : Web Audio API Simulator と比較すると、 チャネルの動的適応 (入力のチャネル構成によって下流のチャネル構成が変化する) や AudioNode のライフサイ
Web Audio APIを恐ろしく簡単にする「Tone.js」で音楽プログラミングを試してみた！ : うえぶはっく
「Web Audio API」を使うと音声の「再生」だけでなく、音の「生成」や「加工」などもJavaScriptだけで手軽にプログラミングすることが出来るようになります。 ただ、ちょっとクセがあるので「扱いにくい…」と感じる人も少なくないでしょう。 そこで、誰でも簡単に「Web Audio API」を活用できるJavaScriptライブラリ「Tone.js」について、今回は簡単なサンプルと共にご紹介しようと思います！ ファイルを準備しよう！ まずは、「Tone.js」を使ったサンプルを作るのに必要な「index.html」と「app.js」を用意しましょう。 「Tone.js」自体は、GitHubからダウンロードするか、以下のURLから利用可能です。 https://tonejs.github.io/build/Tone.min.js ひとまず、「index.html」はこんな感じでOKで
気軽に誰でも音に触れて楽しむことが出来る素敵プロジェクトChrome Music Lab
考えるな！感じろ…否、遊べ！そんなノリで Googleが実験プロジェクトChrome Music Labを提供し始めました 。こりゃ、楽しい。いちいち説明するのも野暮なくらい分かりやすい。 やることは簡単。まずはマウスカーソルでスイッチっぽいアイコンを何かしらクリックすれば音が出る。ポイントしていけば音を奏でるブロックが増える。 とにかくいじってみる！ 奏でる速度を速くしたり遅くしたり、はたまた逆回転させたり…。音感があるとか無いとか関係ない。まずは楽しんだもの勝ちだ。遊べるガジェットは一つや二つではない。それに一つのガジェットの中でもドラッグしたりクリックで選択して種類の違う楽器や生き物（？）で遊ぶことも出来て飽きない作りになっています。 スマートフォンでもPCでも遊べますが、iPhoneのSafariを使用した場合、マイクを使って自分の音声を取り込む機能が使えませんでした（そういう実装
今夜わかるFM音源 - aike’s blog
reface DXいいですね。あえてDX7シリーズに近い音源仕様と、現代的な使いやすい操作性とを組み合わせることで、FM音源本来の音作りの楽しさがあります。とはいえ、先日Web Music Developer Meetup@Sapporoの参加者と話して、こういったイベントに参加するような人でも、FM音源でイメージどおりの音をつくるのは難しいと感じる人が多いようでした。そんなわけで、今回はちょっと実践的な音作り方法について書いてみようと思います。 ■キャリアとモジュレータ FM音源はオペレータと呼ばれる発振モジュールを組み合わせて音をつくります。変調される側をキャリア、する側をモジュレータと呼びますが、これは相対的なもので、アルゴリズムによっては変調されたキャリアがまた別のオペレータのモジュレータになることもあります。 と、いうようなよくある説明を読んでもなかなか音色にむすびつかないですよ
Web Music Developer Meetup @札幌 #wmmu-jp 参加レポート | DevelopersIO
こんにちは！今回は、Web Music Developer Meetup @札幌 に参加してきたのでイベントの様子をご紹介いたします！ 最後にはイベントの様子を収録した動画も載せておくので詳しくはそちらをご覧下さい。 イベント開催概要 2015年10月26日から30日まで札幌でW3Cの総会「TPAC 2015」が札幌コンベンションセンターで開催されています。 Audio WG（Web Audio APIとWeb MIDI APIの仕様を策定している Working Group）のメンバーも札幌に集まっているため、Audio WG のメンバーと日本の Web Music Developers との交流の場を作ろう！という目的で企画されたそうです。 弊社、クラスメソッド株式会社札幌オフィスのメンバーも運営お手伝いとして参加させていただきました。 会場 会場は札幌の「札幌市教育文化会館」です。こ
Web Audio API の Oscillator で楽器を作りたい話 - Mach3.laBlog
この記事は賞味期限切れです。（更新から1年が経過しています） 横浜で行われたHTML5飯でWeb Audio APIでモールス信号を表現してみる話をさせて頂いたのが今月頭の話。 その際に「Oscillator使えばよい」というアドバイスを頂いたので調べてみたところ、 「これで楽器をつくってみたい」と思って試してみた話を Yokohama.js でしゃべらせていただきました。 Oscillator で楽器を作りたい！ こちらが当日の資料です。ざっくり言うと… Oscillator はオシレーターであってオスシレーターではない Oscillator は周波数・デチューン・波形をいじることでいろんな音になる 作ってみた物の紹介・デモ といった内容をお話しました。 作ってみたデモ（Oscy.js） そして作ってみたデモがこちら。 触ると音が出るのでご注意ください。 Oscy.js (http://
OSC in the browser - 音の鳴るブログ
openFrameworks や Max/MSP, SuperCollider などで良く使われるメッセージングプロトコルに OSC (Open Sound Control) というのがあって、どんなものかについては この辺 を参照して欲しいのだけど、node-osc-min というライブラリを使えば OSC のメッセージを JavaScript でも解釈できるのでそれで遊ぶ話です。 名前に node と付いているけどバージョン 0.2.0 からブラウザにも対応していて、以下のコマンドでブラウザバージョンをビルドできます。 $ git clone https://github.com/russellmcc/node-osc-min.git $ cd node-osc-min $ npm install --dev $ npm run-script browserify $ ls build
STRATO - Domain not available
English This website is currently not available. Please try again later. Thank you. Deutsch Diese Internetpräsenz ist zur Zeit nicht erreichbar. Besuchen Sie diese Seite zu einem späteren Zeitpunkt noch einmal. Vielen Dank. Español Esta página web no se encuentra disponible en estos momentos. Por favor, inténtelo de nuevo más tarde.
Web Audio API用のMMLイベントシーケンサー wamml です - 音の鳴るブログ
2014.08.20 名前を変更しました。 wamml => MMLEmitter Web Audio API用のMMLイベントシーケンサーを作りました。 MMLEmitter- GitHub MMLEmitter - online playground 概要 音楽プログラムを大雑把に説明すると 楽器 (音色) 譜面 (音程とタイミング) の二つの要素を解決するプログラムと言えます。MMLEmitter はこの 譜面 の部分のみを解決するライブラリです。AudioContext と MML を引数にシーケンサーを生成して起動すると、MML に記述したタイミングでイベントが発火するので、そこで音を出す処理を行います。Web Audio API 依存なので今のところ(サポートされないかぎり) IE では動作しません。あ、MML というのは楽譜を文字列で表現するための記法です。 MML - Mu
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
D3.jsとWeb Audio APIを使ったオーディオビジュアライゼーション