タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
はじめに この記事では、 WebAudio と Rust でボイスチェンジャーのエフェクトを作る方法について紹介します。 具体的には Rust のコードを WASM モジュールとしてビルドして JavaScript に組み込み、これを WebAudio API から呼び出すようにします。 ソースコード サンプルサイト 実際に自分の声を使って試せるサンプルサイトを用意しました。 ナイーブな実装になっているため品質についてはあまり良くないですが、ブラウザ内で音声を加工できることは確認できるかと思います。 （意図せず大きな音が出てしまうかもしれないので、音量には注意してください。） 各パラメータの意味は以下のとおりです。 パラメータ 意味
はじめに JavaScriptで高速フーリエ変換を実装し、WebAudio上で任意の音声ファイルからデコードした波形データに対し高速フーリエ変換を用いて周波数スペクトルに変換、そして、その周波数スペクトルをリアルタイムに修正し、そのデータを再び波形データに戻し周波数特性を変化させた音をスピーカーから出力出来るパラメトリック・イコライザーを実装してみました。 ついでに高速フーリエ変換から得られる周波数スペクトルのデータを再利用しビジュアライザーも実装しています。 この記事では音声信号に対する高速フーリエ変換の特性と実装方法を主眼に解説を行っていきたいと思います。 設計概要 動作の流れ 音声ファイルを波形データにデコードする。 波形データに対して離散フーリエ変換をかけて周波数スペクトルにデータを変換する。 周波数スペクトルの各周波数に各々のスケール値をかける。 編集された周波数スペクトルを逆離
WebAudioは何故あんな事になっているのか
最近 Node.js でEmscriptenのアプリを動かそうとしている けど、真面目にやっていないものの一つにWebAudioがある。 WebGL1は まぁ頑張ってFFIバインディングを用意した んだけど、WebAudioを真面目に実装すべきかをちょっと考え中。 2017年の議論 WebAudioの不必要な複雑さはHackernewsで盛り上ったことがある。 https://news.ycombinator.com/item?id=15240762 -- リンクされていたblogは↓ 策定に関わった(カウンターを出したMozillaの)人のレスポンスもある 何が良くないのか インタラクティブ音声を再生するという目的のためには、不必要に高機能である。 WebAudioはとても高機能で、シンセサイザやフィルタを駆使してMIDI音源まで実現できる( https://github.com/g20
BGMを必要とした時、その著作権は注意が必要です。下手に使うと後で某団体から請求が来るかも知れません。フリーな音楽を使えばそういった心配はありませんが、探すのが大変です。 そこで使ってみたいのがSOUNDSCAPEです。Webブラウザ上で動的に音楽を生成します。 SOUNDSCAPEの使い方 音が出ないのが残念ですが、Webサイトで試してみてください。 リズム、ハーモニーなどを選んでいくと背景のアニメーションも変化します。 SOUNDSCAPEはその場の気分でできあがっていきます。最後のエフェクトを細かく調整すれば、今だけの音楽ができあがるでしょう。リラックスする音楽が生成されるので、これをBGMにするのは良さそうです。技術的にはReact/THREE.js/WebAudioを使っています。 SOUNDSCAPEはJavaScript製のオープンソース・ソフトウェア（ISC License
React(Next.js)+WebAudioで簡単なオーディオプレイヤー+スペクトラムアナライザをつくる - Qiita
趣味で音楽をつくっているのですが、 それ用の特設サイトをNext.jsでつくったのにあわせてオーディオプレイヤー(スペクトラムアナライザ付き)をReact+WebAudioでつくってみました。 実際の結果 https://romot.studio その記録です。 事前 単純に再生だけなら<audio>だけあればWebAudioいらない そうでなくてもReact用音声プレイヤーライブラリたくさんあるのでその方がいい 今回使わなかったが、スペクトラムアナライザだけでなく プレイリスト 曲やその再生時間にあわせた背景変更 曲の再生秒数にあわせた歌詞など表示 などもつけたかったので必要だったという前提 ↓こんな感じで一応実装はしていた ※ イラストはゆーはくさま 要素を置く プリロードなどが面倒なので、audioタグを利用しています。 /pages/index.js import { useSta
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WebAudio + Rust で萌え声生主になる - Qiita
「Google Chrome」にセキュリティ更新、WebAudioにおけるUAF脆弱性を修正／Windows環境にはv119.0.6045.123/.124がリリース
JavaScriptとWebAudioでサウンド・イコライザーを作る - Qiita
SOUNDSCAPE - WebAudioを使って音楽を自動生成
www.nikkei.com
miki1.st.coresv.net
www.entafukuzou.com
hinata.ub.geo.jp
yuu0.st.coresv.net
minatoblue.hatenadiary.jp