音を扱うJavaScriptライブラリや記事 - Qiita
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 f
思ったより奥が深いけど、けっこう簡単かもしれないWeb Audio API - Qiita
Audio要素では物足りない タイミングを正確に制御できない。 一度に再生できる音声の数がかなり限られている。 安定して音をプリバッファする方法がない。 リアルタイムでエフェクトをかけることができない。 音を分析する方法がない つまり、 音をガチャガチャいじくって、アウトプットできるよ！ 抜粋：“Web Audio API - オライリー” どこで使えるの？ PC IEは11もNG 次期IEで実装予定 それ以外はOK スマホ iOS6.1 Android Chrome Android 標準ブラウザはNG 音がなる場合もあるけど、挙動が不安定。 ローディングはどうやってやんの？ xhrでちまちまやるのもよし。CreateJSのPreloadJS + SoundJSでやるのもよし。 基本 部品をノードでつないでいく 部品がいっぱいあって線でつなぐイメージ 部品の種類 音源になるもの エフェクタ
WebAudioAPIで遊べるようになった - Qiita
音楽の覚えがあるエンジニアとしては、触らなきゃダメだろーと思いつつ、なかなか手を付けられていなかったWebAudioAPI、 先日のハッカソンでようやく着手できました。 その過程でわかったこと・つくったものなどまとめました。 登場人物 HTML5のAudio要素を使う時と違って、 WebAudioAPIの場合は、使っているオブジェクトがけっこう多い。 そのあたりを把握するのが、WebAudioAPIのマスターの第一歩っぽい。 context (AudioContext) 音をとりまとめるcontext。 音の再生先(destination)なんかも、このcontextが握っているみたい。 WebAudioAPIに対応しているブラウザは、 window.AudioContext (window.WebkitAudioContext)というのが生えてるので、 これをインスタンス化すると作れる。
Web Audio APIとJavaScriptで作られたブラウザで動くシンセ : WebSynth by aike - 音楽方丈記
Web Audio APIとJavaScriptで作られたブラウザで動くシンセ : WebSynth by aike » 音楽コンテンツ(作曲/演奏) [編集] いつものように Delicious をつらつらと眺めつつネタ探してたらスゴいの見つけました。 ブラウザで動く Web Audio API と JavaScript で作られたシンセです。 作られた方はなんと日本人の aike さんで、こちら↓で公開されています。 現時点では Web Audio API が実装されている Google Chrome だけで動作します。 » aikeの日記 - 2012-01-29 ヤター！ウェブブラウザで動くシンセできたよー アナログシンセの基本ともいえるツボを押さえたパラメーター構成になってます。 パネルのデザインもなかなかいい感じです。 基本構成： OSC ×2 → Mixer → Filte
HTML5の音声入力とGoogleの翻訳APIを試してみた – Shimabox Blog
先日、GoogleChrome 11が正式リリースされましたね(超はぇー)。 そこで、11から音声入力に対応しているという事だったのでちょっと試してみました。 ただ、音声入力だけだとつまらないかなぁと思い、ついでにGoogleの翻訳APIも一緒に試してみました。 マークアップ <input type="text" x-webkit-speech> マークアップは上記の通り。 これだけでいつものテキストボックスの右端にマイクアイコンが出てきます。 マイクアイコンをクリックすると音声入力が可能になります。 やべー超簡単。 lang属性を変えれば、日本語認識、英語認識切り替えられる様です。 ※以下の書き方はHTML5の例 <html lang="ja"> これだと日本語認識 <html lang="en"> これだと英語認識 試してないですがlang属性を変えれば他の言語でも認識してくれると思い
こてさきAjax:WebSocket + node.jsでAudio Streaming - livedoor Blog（ブログ）
第７回のHTML5とか勉強会で、羽田野さんにAudio Data APIを教えていただいて依頼、やりたかったことがあります。それは、AudioをWebSocketを使ってストリーミング配信すること。これが出来たので紹介します。 音声ストリーミングは、リアルタイム系のサービスの中では難しい部類の一つ。遅延がひどいと、自然なコミュニケーションが難しく、またネットワーク転送中にジッタ（データ到達間隔が揺らぐこと）が起きると、音がプツプツ切れたり間延びしたりと明らかに違和感が生じます。インターネットでは、厳密な意味でのQoS制御は困難ですので、どうしても遅延やジッタが生じますし、これらのパラメータはネットワーク転送だけでなく、サーバーークライアントでの実装ももろに効いてきます。 といったわけで、音声ストリーミングみたいなサービスがブラウザ＋Javascriptだけで出来たら、結構嬉しいよな〜やりた
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
getUserMedia(WebRTC) and Analyser(Web Audio API)
はじめての Web Audio API