🍃このブログは移転しました。
3秒後、自動的に移動します・・・。

WebAudio

無音を鳴らして自動再生ポリシーをアンロックする

Safariなどのブラウザには、音の自動再生に制限があって、ロード時にいきなり再生!というのがだいたいできない時代。(この制限にはいろいろ条件があるけども)そのため、「このサイトでは音が出ます」みたいなモーダルを出して、まずそれをクリックしても…

WebAudioでの音声信号処理

WebAudioでの音声信号処理 〜入門以前〜 - console.lealog(); この内容を踏まえて、実際にコードを書いていく際のポイントなど。2019年末の情報です。

WebAudioでの音声信号処理 〜入門以前〜

今までずっと雰囲気でやってました。`ScriptProcessor`や`AudioWorkletProcessor`をさわったことはあっても、そこで成されている処理自体を具体的に考えたことはなかった。波形がどうとか、周波数がどうとか、PCMがどうとか、サンプリングレートがどうとか、…

JavaScriptで音声の出力先を変えたい

先日のUGでもみんな気になってる感じがあり、個人的にも気になっており、現状をまとめておこうかと思い。

AudioWorkletについて調べたメモ

[WebAudio API] AudioWorklet の使い方 | g200kg Music & Software この大先生の記事を読んで、自分の知ってるWebAudio知識のアップデートをしときたいなーと思って調べたことのメモです。なので重複する部分もあるけど、+ αな部分もあります。 20191129: あ…

getUserMedia()以外でMediaStreamを用意するには

`navigator.mediaDevices.getUserMedia()`することで手に入る`MediaStream`を、それ以外の手段でどうやって自作するかという話です。どんな形であれ思いついたのをメモっておきます。

mp3などの音源をxhrしてきて再生するには

過去に何回も書いてるはずやのに、どういうわけか毎度ハマる。 今度こそメモっておく。

WebAudio.tokyo #2 にいってきたメモ #webaudio

そして、またもLTしてきました。発表に使った資料はこちら↓です。 WebAudio初学者を阻む壁について

WebAudio.tokyo #1 にいってきたメモ #webaudiotokyo

よもやWebAudioのワンマン勉強会が開催される日がくるとは! LTはそれぞれ10分なので、メモも短めです。

iOSでWebRTCが使えないからWebSocketとWebAudioで擬似ストリーミングしてみた

というわけで、またも会社の合宿で作ったものを紹介します。 そして前回に引き続き、なんかまた優勝しました(∩´∀`)∩ワーイgithub.comざっくりでよければ社内勉強会で発表したスライドがあるのでこっちを。 WebSocketでAudioStreamingしてみた

HTML Audioの使い方のまとめ

掘り出し物のメモを記事化して公開していく試み。今回はいわゆるaudioタグです。 いまブラウザで音を出すならどうするのって時の候補ですね。いまさらです。

WebAudioAPIさわるならFirefoxのWeb Audio Editorで

職場のとある神エンジニアさんから、最近のFirefoxがイケてるという話を聞き。実際にFirefoxのNightly使ってみてるんですけど、良いですねコレ! Firebugないとどうしようもなかったあの頃のFirefoxとは違うのだよ!というわけで、FirefoxのNightlyで先行実…