AudioWorkletについて調べたメモ - console.lealog();
[WebAudio API] AudioWorklet の使い方 | g200kg Music & Software この大先生の記事を読んで、自分の知ってるWebAudio知識のアップデートをしときたいなーと思って調べたことのメモです。 なので重複する部分もあるけど、+ αな部分もあります。 20191129: あらためて読み直したけど、特に更新すべき部分はない そもそもAudioWorklet Enter Audio Worklet | Web | Google Developers `ScriptProcessorNode`の後継 重い音声処理をメインスレッドでやりたくないよね いちおうAudioスレッドでやってたけど、完全ではなかった 今度こそAudioスレッドだけでできるよ 2017年12月の記事なんかこれ・・時代を感じる・・。 コード まずは使う側。 // app.js
[WebAudio API] AudioWorklet の使い方 | g200kg Music & Software
さて、2019 年になって ScriptProcessor の後継とされる AudioWorklet が Chrome で動き始めてからもう一年くらい経ちましたかね。まだまだガリガリ使われているという感じでもないのは、以前の ScriptProcessor に比べると構造が複雑になってちょっととっつきにくくなったからでしょうか。少しハードルが上がった感はありますね。 それに現状は Web Audio API の仕様とブラウザの実装がまだ少し乖離している所が残っているので気を付けないとハマるかも知れません。 とは言っても ScriptProcessor がいつまであるかもわからないし、そろそろちゃんと使わないとですね。 という事でまずはサンプルを書いてみました。 AudioWorklet (OverDrive) たいしたものではないですが、これはオーバードライブエフェクトを AudioWor
![[WebAudio API] AudioWorklet の使い方 | g200kg Music & Software](https://cdn-ak-scissors.b.st-hatena.com/image/square/3f26e2013108b258a85391911fb66a89c96d3c8a/height=288;version=1;width=512/https%3A%2F%2Fwww.g200kg.com%2Fimages%2F2019%2F20190114overdrive.png)
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 のライフサイ
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
neume.js - library for web audio programming - 音の鳴るブログ
またか。と言われてしまいそうだけど、またウェブ楽器プログラミング用のライブラリを作った。 以前に timbre.js というライブラリを作ったのだけど、それの刷新版という感じです。 デモ ドキュメント 名前の由来 特徴1: 機能性よりパフォーマンスを重視 以前は多くの動作環境をサポートするためにすべての信号処理を JavaScript で書いていたのですが、それゆえにパフォーマンスに問題があって(Issueでよく指摘された)、neume.js では IE や node.js での動作を諦めて Web Audio API の機能を大活用することでパフォーマンス問題を解決しました。デモでは three.js や gretro と一緒に動作する様子が確認できます。 特徴2: Web Audio API の面倒な部分を抽象化 Web Audio API は多機能なんだけど、部品が細かすぎて使いこな
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.
[JS]旧ブラウザにも対応、簡単な記述でMP3ファイルプレーヤーを設置できるスクリプト -Audio5js | コリス
Audio5jsのデモ 再生はHTML5でしており、非対応ブラウザではFlashプレーヤーで再生します。 Audio5jsの使い方 Step 1: 外部ファイル 当スクリプトを外部ファイルとして記述します。 <script src="/js/audio5.js"></script> Step 2: Flashプレーヤーの設置 HTML5非対応ブラウザ用にFlashプレーヤーを設置します。ファイルの設置場所は下記の通りです。 / -/public --/js --- audio5.js --/swf --- audio5js.swf デフォルトで「/swf/audio5js.swf」を探します。 Step 3: HTML 再生はボタン要素だけです。 <button type="button" id="play" class="button round">Load Audio</button>
レスポンシブ＆タッチフレンドリなWEBベースの音楽プレイヤー実装デモ:phpspot開発日誌
Responsive & Touch-Friendly Audio Player | Codrops レスポンシブ＆タッチフレンドリなWEBベースの音楽プレイヤー実装デモ。 次のような美しいインタフェースを持ち、レスポンシブでタッチ端末にも対応したオーディオプレイヤーのコードが公開されています。 これは知っておけば、使えそうですね。 既存のオーディオプレイヤーは沢山あれど、レスポンシブでタッチフレンドリっていうとカスタマイズ等が発生しそうですが、これを覚えていればサンプルをそのまま使えそうです。 関連エントリ シンプルデザインがいい感じのHTML5オーディオプレイヤー「audio.js」 オーディオ機器のボリュームを上げる風インタフェースを作るCSS3＆jQueryサンプル
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
