タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
はじめに この記事では、 WebAudio と Rust でボイスチェンジャーのエフェクトを作る方法について紹介します。 具体的には Rust のコードを WASM モジュールとしてビルドして JavaScript に組み込み、これを WebAudio API から呼び出すようにします。 ソースコード サンプルサイト 実際に自分の声を使って試せるサンプルサイトを用意しました。 ナイーブな実装になっているため品質についてはあまり良くないですが、ブラウザ内で音声を加工できることは確認できるかと思います。 （意図せず大きな音が出てしまうかもしれないので、音量には注意してください。） 各パラメータの意味は以下のとおりです。 パラメータ 意味
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がリリース
SOUNDSCAPE - WebAudioを使って音楽を自動生成
mainichi.jp
news.yahoo.co.jp
erodouga.cyou
shirouto.dmm-av.xyz
yuzuka.ue.bulog.jp
newday.hateblo.jp