OBSとWeb Audio APIを使って音に合わせてオーディオスペクトラムをWebカメラ映像に重ねて配信する - @stefafafan の fa は3つです

2020/05/19 7 users stefafafan Obs Webカメラ映像 3つ

大したネタでもないですが、この前ふとこれやりたいなと思ってできたのでついでにブログに書いてみます。 DJ配信 みなさんやってますよね。え、やってない？ではいますぐDJ機材買いましょう。 それはそうと、昨今STAY HOMEの影響でDJの人もどうやらクラブでイベント全然できなくなって、仕方ないからDJ配信するか～とTwi... 続きを読む

初心者でも音楽アプリが作れる！Web Audio APIを簡略化したJSライブラリ「Tone.js」でピアノ鍵盤を作ってみよう！ - paiza開発日誌

2017/03/01 90 users JSライブラリ ピアノ鍵盤 paiza開発日誌 実装 簡略化

2017 - 03 - 01 初心者でも音楽アプリが作れる！Web Audio APIを簡略化したJSライブラリ「Tone.js」でピアノ鍵盤を作ってみよう！ プログラミング初心者 プログラミング学習 Webサービス紹介 開発ネタ どうも、まさとらん（ @0310lan ）です。 今回は、Web Audio API の実装で面倒な処理をすべて簡略化し、 誰でも音楽プログラミングを楽しむことが可能な... 続きを読む

GitHub - mohayonao/web-audio-lesson

2016/06/11 83 users GitHub mohayonao node.js 応用 手順

これはWeb Audio APIの基礎から応用までを実践的な視点からざっくりと説明した学習用テキストです。 オンライン版: http://mohayonao.github.io/web-audio-lesson/ 課題に取り組むにはオフライン版を使用してください。 オフライン版を実行するには Node.js v4.0以降が必要です。 Node.jsは次の手順でインストールできます。 Node.js... 続きを読む

ogv.jsがすごい [necotech blog]

2015/12/08 18 users canvas WebM Ogg Vorbis ライブラリ デモ

[ダウンロード] ogv.js, ビルド済みデータ [デモ] ogv.js demo JavaScriptでOgg VorbisとかWebMとかをデコードするライブラリ Emscriptenを使って、Cのライブラリ(liboggzとかlibtheoraとか)をJavaScriptのコードにコンパイルしてる videoタグとか使わずにcanvasで再生する Web Audio APIを使用。IEは対... 続きを読む

ギタフリ用コントローラ + GamepadAPIでアーメンブレイク - マルシテイアは月の上

2015/07/30 28 users GamePad マルシテイア 経緯 http 解説

2015-07-30 ギタフリ用コントローラ + GamepadAPIでアーメンブレイク 起床即アーメンブレイクした 解説 GamepadAPI というのがある http://www.w3.org/TR/gamepad/ これは GamepadAPI と Web Audio API 組み合わせて音鳴らしてるだけ。 クオンタイズ頑張ればもっとキレイに鳴らせるかなー 経緯 先日のWeb Music ハ... 続きを読む

【Web Audio API + Web MIDI API】ブラウザで電子楽器を作ってみよう！ | HTML5Experts.jp

2015/03/23 90 users API ハンズオン HTML5Experts.jp 電子楽器

ブラウザ上で音を扱うというと、直接音を加工できるWeb Audio API、ブラウザから直接MIDIデバイスと接続できるWeb MIDI APIの2つがここ数年の間に利用可能になり、実際のWebサイトでも使われるようになりました。 今回は「ハンズオンだともっとよかった」というお声を頂きましたHTML5 Conference 2015での講演内容を元に、2つのAPIの説明と、実際にブラウザ上に電子楽... 続きを読む

WebGLでかっちょいいシンセできたよー - aikeの日記

2015/01/24 45 users WebGL aike github.com ウェブブラウザ

ちょうど3年前に当時出始めのWeb Audio APIを使ってウェブブラウザで動くシンセを作りました。その後ブラウザのAPIもいろいろと進化したので、それに合わせてバージョンアップをしてみました。　　http://aikelab.net/websynthv2/https://github.com/aike/webaudiosynthv2　■新バージョンの特徴・WebGL(three.js、Thre... 続きを読む

iPhoneでワウペダルを作ったった - aikeの日記

2014/11/03 140 users iPhone aike カッティング ギター 加速度センサー

ワウペダルが好きです。ギターのカッティングにかけて遊んでいるとあっというまに時間が過ぎていきます。そんなわけでどこのご家庭にもあるiPhoneとJavaScriptでワウペダルを作ることにしました。こんなやつ。　JavaScriptでiPhoneの加速度センサーとWeb Audio APIを使ったワウペダル作った。 http://t.co/rGDHh5FaWb https://t.co/erfjy... 続きを読む

Tender Surrender: ブラウザで音を楽しむイベント：Web Music ハッカソン #3 レポート

2014/09/17 14 users ハッカソン 目白押し API Web MIDI 濃い内容

2014年9月17日水曜日 ブラウザで音を楽しむイベント：Web Music ハッカソン #3 レポート ブラウザで利用可能な Web Audio API や Web MIDI API などを使って音を楽しもうというこのハッカソンも、早いものでもう3回目となりました。今回も実に濃い内容で、素晴らしい作品が目白押しだったのですが、このポストではできるだけさらっと、その内容をお伝えしたいと思います。 ... 続きを読む

JavaScriptだけでMIDIで遊べる！最高に乱暴なWeb MIDI API利用方法 - Qiita

2014/08/25 58 users API ハッカソンイベント 最低限 手間 Qiita

Web MIDI API / Web Audio APIを使ったハッカソンイベント「Web Music ハッカソン #3」が近づいていますので、ここでWeb MIDI APIの使い方を振り返ってみましょう。 はじめに断っておきますが、これは 乱暴者による乱暴者向けの記事です。 最低限の手間で、Web MIDI APIに対応してる気分を味わう までを目指します。 ちゃんと勉強したい方は、下記リンクを... 続きを読む

HTML5の基礎と応用 ~Open Web Platform~ WebSocket / WebRTC / Web Audio API ...

2014/04/24 164 users WebGL WebSocket WebRTC 金城 応用

HTML5の基礎と応用 ~Open Web Platform~ WebSocket / WebRTC / Web Audio API / WebGL 第二版 Presentation Transcript HTML5の基礎と応用 Open Web Platform WebSocket / WebRTC / Web Audio API / WebGL 2014/04/21 金城 雄 NTTアドバンス... 続きを読む

Theremin - A Playable Touch Synthesizer Using Web Audio API

2014/02/05 13 users

✖ Web Audio Theremin 1.1 11 December 2013 The web audio theremin is a touch friendly & responsive audio synthesizer built in javascript using the Web Audio API with HTML5 canvas. I'm currently working... 続きを読む

WEB SOUNDER - Web Audio API 解説 -

2013/10/27 74 users 解説 シーケンサー 百聞 アドオン 要約

Web Audio APIの解説. Web Audio APIを利用したアプリケーションを作成する.「ブラウザのみで高機能なサウンド処理を実現する」 これが, Web Audio APIで可能になることの要約です. Web Audio APIを利用することにより, プラグイン（アドオン）がなくても, ブラウザで動作する楽器アプリや, シーケンサー, ゲームの効果音などを作成可能になります. 百聞は... 続きを読む

#1

2013/10/25 29 users Ogg WAV 波形 Mozilla API

Web Audio API とは 雑な説明: JavaScript で音関係ほとんどなんでもできるようにする API 音データの読み込み ブラウザで対応している場合 *.wav, *.mp3 や *.ogg などもデコードして使える オシレータによる波形から音の生成 JavaScript による波形の操作 最近の API なので各環境でメソッド名が違ったり細かいところに違いがある Mozilla ... 続きを読む

HTML5と WebSocket / WebRTC / Web Audio API / WebGL 技術解説

2013/10/19 358 users WebGL WebSocket WebRTC 金城 技術解説

HTML5と WebSocket / WebRTC / Web Audio API / WebGL 技術解説 Presentation Transcript WebSocket / WebRTC 技術解説 第6回 CORETEC技術講習会 HTML５などの最新Web技術 2013/10/18 金城 雄 NTTアドバンステクノロジ 情報機器テクノロジセンタ所属 WebSocket / WebRTC ... 続きを読む

HTML5のWeb Audio APIと超音波を使った音による通信技術 - GIGAZINE

2013/08/09 80 users GIGAZINE HTML 超音波 通信技術

by mikael altemark PCやスマートフォンをネットに接続したり、他のデバイスと接続したりするときに使われる規格はWi-FiだったりBluetoothだったりといろいろありますが、最初に接続の設定をきっちり終えるまでがかなり面倒で、また、規格違いに悩まされることもあります。こういった悩みを一掃できるのではないか、ということで従来と異なる方向からアプローチしたのがBoris Smusさ... 続きを読む

Web Audio APIを使ったオンラインで楽しめるドラムマシン -Beat Petite | コリス

2013/05/27 30 users コリス スネア スピー シンバル Chrome

Web Audio APIを使ったオンラインで楽しめるドラムマシンを紹介します。 サイトはWeb Audio APIを使用しているので、Chromeでご覧ください。 セットすると音が鳴るので、職場の方は注意を。 Beat Petite ドラムマシンのことはよく分からないのですが、キックとかスネアとかシンバルとか各アイテムをチェックすると、リズムを刻めます。 適当に各アイテムをチェック 下部でスピー... 続きを読む

Web Audio API で Sound Font を使った標準 MIDI ファイルの再生 : document

2013/05/17 49 users API プレイヤー 仕様 document 表記

5月17 Web Audio API で Sound Font を使った標準 MIDI ファイルの再生 はじめに Google Chrome では Web Audio API という API を使って音を鳴らすことができます。 今回、これをつかって Sound Font を使った標準 MIDI ファイル(以下 SMF と表記)のプレイヤーを作ってみました。 なお、仕様の具体的な話しなどはほとんどし... 続きを読む

TEST CORDING » JavaScriptでオーディオビジュアライザを作ってみた

2013/03/01 3088 users tmlib.js TEST CORDING ライブラリ 一言

Web Audio API という、ブラウザ上で音を解析したり鳴らしたりできるプログラムを利用してオーディオビジュアライザを作ってみました。 使用しているライブラリ @phi_jp さんが作成された、 tmlib.js を利用しています。このライブラリは……一言で「コレができる」ってものではなく、いろんなことができます。本当に。 Web Audio API にも対応されたということで使っています。... 続きを読む

Web Audio APIでファミコンノイズを鳴らしてみる - aikeの日記

2012/12/24 68 users aike スネアドラム ホワイトノイズ 敵機 ウェブブラウザ

おっさんには懐かしいファミコンのノイズ音をWeb Audio APIを使ってウェブブラウザで再現してみます。今聴くとかなり表現力に乏しい感じのノイズですが、当時はこれで宇宙船の推進音や敵機の爆発音、レーザー光線やスネアドラムなど無限にイメージが膨らんだものです。　このファミコンの音源プロセッサRP2A03のノイズは、単純な乱数によるホワイトノイズなどでは再現できません。ノイズ生成のロジックをそのま... 続きを読む

node.js で mac から音が鳴るやつ - 音の鳴るブログ

2012/05/12 29 users Mac mohayonao node.js ヤツ モジュール

Web Audio API や Audio Data API を使ってブラウザから音を出したりやっているけど、音を生成する部分だけを確認したいときにいちいちブラウザでページを開くのも億劫だし良くクラッシュするのもだるいので、ターミナルから使えるように node.js のモジュールを書いてみた。 https://github.com/mohayonao/node-macaudio 出来ることは少ない... 続きを読む

はじめての Web Audio API

2011/12/26 83 users

続きを読む

ブラウザ + WebSocket で電話する - PARAGRAPHS

2011/11/06 133 users WebSocket PARAGRAPHS ブラウザ API

http://tily.no.de/telephoneトップページ、部屋とニックネームを決めて開始するhttp://tily.no.de/telephone/sandbox 手軽に試す用電話というか音声チャットなんだけど、Flash のマイクでとった音声を WebSocket 経由で送信して、受け取った側では Web Audio API とか Audio Data API とかで再生するというのを... 続きを読む

JavaScriptでリアルタイムに音を出すときに簡単便利なやつつくった - つまみ食う

2011/11/06 92 users リアルタイム ヤツ JavaScript Audio API

web, JavaScript, audio 先日作成した「関西電気保安協会リズムマシーン」と「ONE-LINER-ORCHESTRA」が Chrome, Safari *1 (Web Audio API) Firefox (Audio Data API) Opera (HTMLAudioElement)で使えるようになりました。 どちらも pico-player.js っていう拙作ライブラリを使... 続きを読む

Google Japan Blog: ウェブの限界を押し広げる Google Chrome。最新バージョン公開。

2011/09/16 36 users 限界 ウェブ Google Chrome オーディ バウ

2011 年 9 月 17 日 Posted by ケンジ バウ / プロダクトマネージャー 本日、Google Chrome 安定版の新バージョンの提供を開始しました。このバージョンには大きな特徴が2 つあり、いずれも開発者の方がよりパワフルなウェブアプリやゲームを実現できるようにデザインされたものです。 Web Audio API （英語）によって、音響空間の再現や立体音響など、様々なオーディ... 続きを読む