SUUMO SOUND VIEWは2017年3月31日をもって サービスを終了いたしました。 長い間ご愛顧いただき、ありがとうございました。
SUUMO SOUND VIEWは2017年3月31日をもって サービスを終了いたしました。 長い間ご愛顧いただき、ありがとうございました。
13日に開催されたweb music ハッカソンで声の高低に合わせてオブジェクトを上下させるアプリ作ってきました マイクを許可して、声か楽器の音程を上下させると丸い球が上下に動きますので、横から飛んでくる棒を避けてください。 仕組み web audio apiには波形をフーリエ解析するAPIがあり、音にどの周波数がどれくらいの音量で含まれているのかを2行ほどで解析してくれます。(サンプル)。 これを使うことでボコーダーやコード進行の検出のような踏み込んだ音のハックができるわけです。 このアプリではanimationframeごとにもっとも音量の大きい周波数を取得し、それを音の高低としています。ただし実際には最大の周波数はかなり揺れるので50フレーム分の平均を取って平滑化し、滑らかにみせています。慣性のような挙動をするのはそのせいですね これから 当たった時の演出を乗せて、教育用のゲームとし
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
iOS6のSafariにWeb Audio APIが実装されたので、電話機のトーン信号を生成し、一般電話に聞かせて発信できるようなものを作ってみました。 表題のHTML5は広義のHTML5。 電話機から電話機を使って電話できるようになって楽しいです。 iPod touchやWi-Fi版iPadからも電話をかけられるようになって便利です。 Tone Dialer開き、電話番号を入力して下さい。 一般電話の受話器のマイクに、iPhone等のスピーカーを近づけます。 その状態で、「Dial」か電話番号の表示欄をタップして下さい。 Safariが生成したトーン信号を一般電話が認識し電話が発信されます。 ソースはGitHubにもUpしました。
“A dive in music“ is a free 3D music & audio visualizer made by vor transforming music into a realtime 3D visualization. Listen and “see“ music from our common creative playlist, from your own local songs or even from soundcloud. Play with many settings, builds your own preset and share them if you whish to.
http://mohayonao.herokuapp.com/perfume1 http://mohayonao.herokuapp.com/perfume2 (Web Audio API / Audio Data API連携バージョン) http://www.perfume-global.com で、Perfumeのモーションデータが配られているので、とりあえずJavaScriptで踊らせてみた。 3Dの処理は Three.js でやっているし、GitHubのFLASHのやつをベースにJavaScriptにするだけなので、よく分かっていなくてもできる。 Three.js -> https://github.com/mrdoob/three.js/ perfume-dev -> https://github.com/perfume-dev ただ、Flashの Matrix3D.append
GDD 2011 では Web Audio API の反響が良かったですね。 ドラムサンプル 基調講演ででもしてたサンプル WebAudio Drum HTML5 で作るっていう点ではかなり注目でした。 テンポも変えられるし、何よりデザインがかっこいい！ リアルタイムセッション Plink by Dinahmoe (Web Audio API) YAMAHA でもネットワークセッションのネタが話題になりましたが、これも結構凄いと思いました。 DAW やってる人ならわかるかと思いますが、レイテンシーって凄くシビアなんですよね。 それをネットワークでやるってのは想像以上に大変そう。 プロユースには難しいかと思いますが、ユーザのコミュニティには十分かと思いました。 ピアノサンプル Sound Toy 楽器アプリも簡単に！？ というか、各楽器の音を波形を自ら作ってるんですかこれ？ Chordlea
hogeとはワイルドカードのようなものです。日々起こった、さまざまなこと −すなわちワイルドカード− を取り上げて日記を書く、という意味で名付けたのかというとそうでもありません。適当に決めたらこんな理由が浮かんできました。 更新情報の取得には rdf か lirs を使ってもらえると嬉しいです． ■ [小ネタ][JS] Web Audio API うんこを流す計画その 3． ひょんなことから Web Audio API に興味を持ったので，Web Audio API を使った 変なもの を作ってみた (きっと chrome とかでしか動かないと思う)． 色々思うところはあるのだけれど，何というかコンテキストが「Web Audio API」というよりもはや「いかにして波形を作り合成するか」になってしまい，もう疲れたので一旦区切りを付けた感じ． まあ何のことはない，右上部のテキストエリアに書か
Web Audio APIとは？ 先日参加したGoogle Developers Day 2011で少し紹介されており、興味をもったのでちょっとさわってみました。 Web Audio APIとは、音声処理・合成のためのJavaScript APIです。 いままでWeb上でのオーディオはFlashやQuickTime等のプラグイン経由でしか使うことができませんでしたが、 HTML5でaudio要素が加わり、簡単にブラウザ上でオーディオを扱うことができるようになりました。 今回ご紹介するWeb Audio APIは、それよりも複雑な操作（ミキシング/プロセッシング/フィルタリングなど）を可能にしてくれます。 このAPIを使用すると、Webアプリやゲームにさまざまなサウンドエフェクトを追加することができます。 サンプル紹介ページ※1 には、このAPIを利用して作成されたドラムマシンやエフェクター
長い記事なので、先に結論だけ書いておきます。WebSocketのバイナリメッセージ機能は、これまでのインターネットのあり方をひっくり返します。「そんなの知ってるよ」という方もいるとは思います。僕も理屈では分かってたつもりだけど、実際にアプリを作ってみて、具体的にそれを感じることができたので、ちょっと長いですがどういうことなのか説明してみます。 WebSocketとは # WebSocketは、HTML5関連の中でも特に注目を集めている技術の一つです。通常のHTTP通信であればクライアントからのリクエストなしにサーバーは応答しませんが、WebSocketを使うことでクライアントとサーバーの間で双方向の通信が可能となります。これを利用することで、今後様々なリアルタイム性の高いサービスを構築することが可能になるでしょう。 そんなWebSocketですが、これまで波乱の道を歩んできました。数年前か
Kyoto.js #11 というのがあって、せっかくなので最近ぽちぽち作っていた「node-midiで仮想MIDIデバイスを作る」という内容で LT しました。他には GitBook とか arduino と Node.js で格闘してる話とか自分も似たような事をしそうだな〜的なものから、あんまり知らない話とかあって良かった。戦ってる話が多かった気がする。 kyotojs.connpass.com 要約するとMIDIデバイスって便利だけど持ってないと使えなくて困る。でも node-midi というパッケージを使えば、仮想MIDIポートが作れて、それだとパソコンを騙してMIDIデバイスを持っていることにできるので Electron で UI をつけたら万事オッケー。三つくらい作ってやったわー。くぅ〜。という内容です。 speakerdeck.com 使ったライブラリ node-midi -
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
