Thanks for checking out Chrome Music Lab. Unfortunately, your browser doesn’t support the technology that makes these experiments work. For the best experience,view it on Chrome.
![Chrome Music Lab](https://cdn-ak-scissors.b.st-hatena.com/image/square/d23da9d995fc21c2ffdf6cc57a0c513e8715539f/height=288;version=1;width=512/https%3A%2F%2Fmusiclab.chromeexperiments.com%2Fstatic%2Fshare.jpg)
Webにおける表現はどんどん進化しています。Webサイトには当然のように動画が埋め込まれるようになり、CSSやSVG、canvasでのさまざまな表現が頻繁に見られるようになりました。さらにAR、VRといった表現も台頭し筆者も毎日ワクワクしながらインターネットの海を泳いでいます。 その中であまりメジャーではないと感じるのは「音」による表現です。もちろん音を用いた素晴らしいWebサイトはたくさんありますが、環境の制約が視覚表現以上に大きいため多くは見られないのでしょう。 とはいえ、音と視覚表現を組み合わせることによって表現できる世界観、インタラクション、その他諸々は計り知れないと筆者は思っています。今後オーディオなどの技術の進歩によって上記で述べた制約も乗り越えられるようになるかもしれません。時代を先どりしたい読者に向けて、今回の記事ではWebで音を扱う技術Web Audio APIについてお
7月25日に WebMusicハッカソン #4 @kyoto というのがあるのですが、ちょうど良い機会なので僕が作ったウェブ音楽用簡単超絶便利ライブラリを紹介したいと思います。 WEB AUDIO SCHEDULER 2 つの時計のお話 - Web Audio の正確なスケジューリングについて - HTML5 Rocks Web Audio で必須な割に難しいのがスケジュール管理で、いちおう上の記事のやり方が推奨なのですが、そのままやるとかなり面倒くさい。のだけど、このライブラリを使うと面倒な部分は気にせず、いつ何をしたいのかを書くだけで良くなる。以下は簡単なメトロノームの例。 var gcguard = []; var audioContext = new AudioContext(); var scheduler = new WebAudioScheduler({ context: a
JavaScriptだけでMIDIで遊べる!最高に乱暴なWeb MIDI API利用方法 Web MIDI API / Web Audio APIを使ったハッカソンイベント「Web Music ハッカソン #3」が近づいていますので、ここでWeb MIDI APIの使い方を振り返ってみましょう。 はじめに断っておきますが、これは 乱暴者による乱暴者向けの記事です。 最低限の手間で、Web MIDI APIに対応してる気分を味わう までを目指します。 [2015/02/08 追記] さらに手間をかけたくないという超絶手抜きな人(ワシです)向けに、アホみたいなラッパー(poormidi.js)作りました。 使い方 良かったら使ってみてください。 ちゃんと勉強したい方は、下記リンクを見てください。 ちゃんと勉強したい方向けリンク集 Web MIDI API (W3C) Web MIDI APIの
これまで、DTMステーションでも何度か取り上げてきたブラウザDTM=Web Music。そう、ブラウザ上でシンセサイザが動いたり、シーケンサが使えたりする世界ですが、この1年半ほどで急速に進展してきており、日本発のムーブメントとなってきています。先日は「Web Music ハッカソン #2」というイベントが東京・六本木ヒルズにあるGoogle本社で開催され、多くの人が集まりました。そう、このイベントでは、その場でブラウザ上の楽器やツールをみんなで作ってしまおう、というものなのです。 昨年10月21日に行われた#1、そして今回の1月18日に行われた#2と、私も見学してきたのですが、ものすごい盛り上がりにちょっと驚きました。そうWeb MIDI API、Web Audio APIといったものを利用して、プログラミングしていこうというものなのですが、こんなことが誰でも可能になると、DTMへの考え
VSTプラグインを作ったことがある人向けのWeb Audio API入門。作ったことがない人でも大丈夫。
Web Music Developers JP Advent Calendar 2012 の 5日目の記事です。 最後に 色々なブラウザで使えるリアルタイム信号処理用の簡易インターフェイスを作りました。 Chrome, Safari, Firefox, Opera, IE9, iOS6(*1), ブラウザじゃないけど node.js で動作します。 pico.js - Simple interface for a real-time audio processing *1 iPhone4S, iPad3 のSafari (UIWebViewではない)で確認しました 記事はここから さて、タイトルのとおりブラウザから音を出す良さそうなやり方について書こうと思ったのですが、ぶっちゃけたところ現状では良いやり方はありません。WebKit系なら Web Audio API、Firefoxなら Au
Patchosaur: Audio, MIDI, and Max/Pd-Style Patching, in a Browser, Because You Can If you’re looking to build your own instruments and effects and sequencers and play with patching, you really don’t want this software. No, seriously – while a fascinating, fun tech demo, something like the desktop Pd or Max is probably what you want. (As we saw earlier this week, Pd-extended just got much easier to
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く