【017】無限の癒しを紡ぐ「Ambient Generator」を作ってみた！画面を撫でるだけで極上の環境音楽が鳴り響く #100回チャレンジ｜読書の虫 @fec_ise note.com/lively_llama6875/n/… #バイブコーディング #100回チャレンジ #WebAudioAPI #アンビエント #ジェネラティブアート #個人開発 #フロントエンド

WebAudioAPIで1ボイスあたり36オシレーターで32音を波形生成ってCPU焼けるらしいので、AudioWorkletというにを勧められた。^_^

音楽家 / フロントエンドエンジニアとして、ポートフォリオサイトを公開しました。 React・Three.js・Web Audio API・WebGLを使った音の可視化やクリエイターツール制作を中心に活動しています。 カーソルに連動して動く3Dロゴも見てみてください。随時更新予定です。 ndzn.me/ #フロントエンド #WebGL #ThreeJS #WebAudioAPI #React #ポートフォリオ #エンジニア #駆け出しエンジニアと繋がりたい #音楽制作 #クリエイター

実装の小ネタなんですが、画像ファイルは1枚も使っていません。外部ファイルはmp3以外にはゼロです。外部ライブラリ、ゲームエンジン無しです。 音源がmidiあるのでWebAudioAPIでシンセサイザーを自作して内蔵させることも少し考えて半分作りかけましたが頭おかしくなりそうになったので諦めました。

WebAudioAPIでめっちゃ作り込んじゃんたからネイティブ対応できなくて互換オーディオエンジンみたいなのから開発なのさすがに厳しい。

Signal Forge: An interactive Morse Code Encoder that visualizes the entire binary tree Type any message → watch the glowing signal trace the exact path in real-time, synced with authentic 600 Hz audio beeps. Built with React TypeScript @threejs @reactthreefiber Web Audio API Tailwind Tag a retro-tech friend!! Like/RT #CreativeCoding #ThreeJS #MorseCode #WebAudioAPI #GenerativeArt

無意味語を一定時間ごとに発してくれるアプリが一旦完成した． 作成中にWebAudioAPIのノイズで代替してたんだけど，音高や長さにある程度ゆらぎのあるノイズが断続的に聞こえてくる環境って結構集中できる気がした． 一定のホワイト？ピンク？ブラウン？ノイズ流しっぱなしとか環境音系より良いかも

New Tool : Play DRUMS on your keyboard 🥁🪘🥁🪘 NO Account, NO registrations, NO ads, NO fees 🔗 memo2007ultra.wixsite.com/m2… 🖊️ @XR_XharpRazor #education #science #math #computerscience #webdev #frontend #javascript #music #webaudioapi #drummer

feels like Claude is a hackathon team im mentoring on the obvious high-level decisions, then the team goes and does the project "no no, use WebGL for this, cuz then it's easier to share" "yeah just include the audio as base64 in the webpage" "no no use WebAudioAPI cuz it's more strongly timed"

【Claude Codeで試作】ブラウザで3D音遊び 🔷キューブをクリックすると視覚的に音遊びできるよ♪ moshimur.github.io/SoundSpac… 🔹工夫したところ🔹 3D空間の構築（Three.js） 基本的な音の再生（Web Audio API） クリックアニメ（音＆ジャンプ & 発光） #threejs #WebAudioAPI

流れる寿司に応じた音楽を生成するシーケンサーをつくりました。 名付けて、スシーケンサーです。🍣🎵 OpenCV.jsとWebAudioAPIを使って、カメラに映った色に応じた音を再生しています。

ごめんなさい、私自身は処理の仕方よく分かっていないです...。 ただ、ClaudeはWebAudioAPIのみでpythonは使っていないとのことでした！ 元となったo3においては以下の画像のようにしたらしいです！ ClaudeはPoCだから高速なWebAudioAPIのみでやったと言っていました！

mcbeeringi.github.io/avr-mus… これ、webaudioapi使って音作って書き出し部分はそれを録音してるけどそもそもwavファイル生成して流すところだけapi使った方が良いのでは?

深夜テンションでWebブラウザでDJできるサービスを作ってみた。まだ途中だけど、WebAudioAPIと接続したらイコライザも作れそう。週末に続きはやるか。

o3-mini-high、WebAudioAPIも音波形描画もお手の物という感じですごい dev.wizard-notes.com/apps/sp…

作りました。 WebAudioAPIを用いて録音した音源をぐりぐり加工できます。 録音した音声もクリッピングできるよ。 最大12秒まで録音できます。 playground.shiftbrain.com/po…

🎧 Create your own web audio experiences! Our new course on the Web Audio API is here—learn how to build interactive sound projects. #WebAudioAPI #SoundDesign #LearnCoding Sign up now: ircam.fr/agenda/design-dexpe…

Last year our community member @mrlopis compiled an album full of sounds and music taken directly from the #js13k entries, which was quite popular at the time, so now is the time to do it again for 2024. js13kgames.com/2024/blog/com… Thank you @mrlopis! #gamedev #gamedevjs #triskaidekaphobia #soundtrack #playlist #WebAudioAPI

🔊 Elevate your web-based games with the Web Audio API! 🕹️🎶 Generate dynamic music & precise effects to bring your game to life, one sound wave at a time. Learn more from Shaikh AJ's article. #WebAudioAPI #GameDev #SoundEffects 🎮 ift.tt/39450oO

Excited to share a glimpse of a WIP browser-based sound-reactive app. #WebDevelopment #CreativeCoding #p5js #WebAudioAPI #SoundReactive #InteractiveDesign #DigitalArt #WIP #browser #realtime #soundreactive #processing @ProcessingOrg