クラウドファンディング:ウェブ上の新しいコミュ …1 解 説 クラウドファンディング:ウェブ上の新しいコミュティの 形 Crowd Funding
Web Audio APIで作る各種ウェブ楽器
-
Upload
aike -
Category
Technology
-
view
1.776 -
download
0
description
Transcript of Web Audio APIで作る各種ウェブ楽器
![Page 1: Web Audio APIで作る各種ウェブ楽器](https://reader036.fdocument.pub/reader036/viewer/2022081800/55843e68d8b42a56178b4ee3/html5/thumbnails/1.jpg)
WebAudioAPIで作る各種ウェブ楽器
@aike1000
![Page 2: Web Audio APIで作る各種ウェブ楽器](https://reader036.fdocument.pub/reader036/viewer/2022081800/55843e68d8b42a56178b4ee3/html5/thumbnails/2.jpg)
誰?
![Page 3: Web Audio APIで作る各種ウェブ楽器](https://reader036.fdocument.pub/reader036/viewer/2022081800/55843e68d8b42a56178b4ee3/html5/thumbnails/3.jpg)
ブログ書いてます
http://d.hatena.ne.jp/aike/Excel方眼紙
不思議な円グラフ正規表現タイピングゲーム
![Page 4: Web Audio APIで作る各種ウェブ楽器](https://reader036.fdocument.pub/reader036/viewer/2022081800/55843e68d8b42a56178b4ee3/html5/thumbnails/4.jpg)
Web Audio API
• ウェブブラウザが直接サポートする 音声信号処理API
• JavaScriptでサウンドプログラミング
• 開発環境やプラグインが不要
• Chrome, Safari, Opera, 次期Firefox
• Windows, Mac OS, Linux, iOS, Android
![Page 5: Web Audio APIで作る各種ウェブ楽器](https://reader036.fdocument.pub/reader036/viewer/2022081800/55843e68d8b42a56178b4ee3/html5/thumbnails/5.jpg)
WebAudioSynthアナログモデリングシンセ
http://aikelab.net/websynth
![Page 6: Web Audio APIで作る各種ウェブ楽器](https://reader036.fdocument.pub/reader036/viewer/2022081800/55843e68d8b42a56178b4ee3/html5/thumbnails/6.jpg)
BitMakerチップチューンシンセ
http://aikelab.net/bitmaker/
![Page 8: Web Audio APIで作る各種ウェブ楽器](https://reader036.fdocument.pub/reader036/viewer/2022081800/55843e68d8b42a56178b4ee3/html5/thumbnails/8.jpg)
Mister System Drumチップチューンドラム音源
http://aikelab.net/msdrum/
![Page 9: Web Audio APIで作る各種ウェブ楽器](https://reader036.fdocument.pub/reader036/viewer/2022081800/55843e68d8b42a56178b4ee3/html5/thumbnails/9.jpg)
WebMidiLink• ウェブ楽器同士を同期する仕組み
• クロスドメイン可能
• MIDIに準じたNoteOn/NoteOffをPostMessageで送信
• シーケンサーの登場
http://www.g200kg.com/en/docs/webmidilink/
http://bit.ly/XaIloo
![Page 10: Web Audio APIで作る各種ウェブ楽器](https://reader036.fdocument.pub/reader036/viewer/2022081800/55843e68d8b42a56178b4ee3/html5/thumbnails/10.jpg)
Tarai Function Music竹内関数で音楽自動生成
http://aikelab.net/tarai/
![Page 12: Web Audio APIで作る各種ウェブ楽器](https://reader036.fdocument.pub/reader036/viewer/2022081800/55843e68d8b42a56178b4ee3/html5/thumbnails/12.jpg)
Pulse!テレビで天空の城ラピュタを見てて思いついた
http://aikelab.net/pulse/
![Page 13: Web Audio APIで作る各種ウェブ楽器](https://reader036.fdocument.pub/reader036/viewer/2022081800/55843e68d8b42a56178b4ee3/html5/thumbnails/13.jpg)
FamiNoise爆発音専用シンセ
http://aikelab.net/faminoise/
![Page 15: Web Audio APIで作る各種ウェブ楽器](https://reader036.fdocument.pub/reader036/viewer/2022081800/55843e68d8b42a56178b4ee3/html5/thumbnails/15.jpg)
Tonal Circle回転するサークルで音を鳴らすサウンドトイ
http://aikelab.net/circle/
![Page 16: Web Audio APIで作る各種ウェブ楽器](https://reader036.fdocument.pub/reader036/viewer/2022081800/55843e68d8b42a56178b4ee3/html5/thumbnails/16.jpg)
• 手の動きでPCを操作
• 小さなデバイス
• 1万円前後
• 謎の技術
• わりと魔法っぽい
![Page 17: Web Audio APIで作る各種ウェブ楽器](https://reader036.fdocument.pub/reader036/viewer/2022081800/55843e68d8b42a56178b4ee3/html5/thumbnails/17.jpg)
Leap Motion Demo モーションでビジュアル効果と音色変化を制御
開発中