JavaScriptでリアルタイムに音を鳴らす方法を3つほど - つまみ食う
最近、JavaScriptで動くMMLシーケンサーを作っています。 pico http://pico-project.appspot.com/mml/ SiONのMMLをパク参考にしているので、MMLTalks(http://mmltalks.appspot.com/)あたりのMMLをコピペすると、それなりに鳴ってくれる場合があります。思い通りになっていない部分がかなり多いですが、、 このあたりのMMLは結構聴ける(適宜コピペしてお試しください) http://mmltalks.appspot.com/m/RaKRP http://mmltalks.appspot.com/m/DIZpo http://mmltalks.appspot.com/m/jVIoz (FM音源が惜しい) で、 で、表題の件ですがJavaScriptでリアルタイムに音を鳴らすには以下の3つの方法があります。 Aud
Web Audio APIで音楽のリアルタイム波形表示 - jsdo.it - Share JavaScript, HTML5 and CSS
Google Chromeでアドレスバーにabout:flags ウェブ オーディオを有効にする Chrome 13.0.782.112で確認 RealTimeAnalyser.getByteTimeDomainData()で波形を表示する ボリュームを下げると波形が小さくなるのが一番の見所 // forked from warinside's "Web Audio API Test+GainNode" http://jsdo.it/warinside/3AY7 //参考 //http://www.usamimi.info/~ide/programe/tinysynth/doc/audioapi-report.pdf //http://epx.com.br/artigos/audioapi.php //http://code.google.com/p/chromium/issues/det
JavaScriptで波をつくろう。リアルタイム波形生成＆再生 - Yanagi Entertainment
前のエントリでこんなことを書きました。 JavaScriptで波形データを読み書きすることができる。しかし再生するのは難しい。 HTML5のaudioタグとData URIを組み合わせればできないこともないが、コストが大きすぎる。 コストが大きいのは音声ファイルが大きいからです。50MBある波形をいちいち変換してられません。 でも小さい波形ならできるかもしれない！ ということでやってみました。 基本的なアイディア 波形データをつくる（数値の配列） 波形をバイナリ列に変換する バイナリ列にWAVヘッダを付加する Base64エンコード audioタグのsrc属性に指定 audioを再生 つくったもの http://yanagiatool.appspot.com/jsaudio/mmltest.html シンプルなMMLプレイヤーです。JavaScript + HTML5。 ベロシティとかルー
『ガールフレンド（仮）の「声」実装』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。こんにちわ。 「ガールフレンド（仮）」でフロントエンドの開発をしている秋山と申します。 「ガールフレンド（仮）」とは、ユーザーが主人公となり、様々な女の子と出会っていく“声が出る♪”学園恋愛カードゲームです。各カードには、人気声優のボイスが付いていて、さまざまな演出に合わせてキャラクターの声を聞くことができます。スマホのブラウザ版カードゲーム × 声ガールフレンド（仮）の開発に入る時点で、スマホブラウザゲームで音声を出しているサービスは他にもありましたが、カードに声が付いているものは少なかったかと思います。 また、スマートフォンのブラウ
Capture audio and video in HTML5 | Articles | web.dev
Introduction Audio/Video capture has been the "Holy Grail" of web development for a long time. For many years we've had to rely on browser plugins (Flash or Silverlight) to get the job done. Come on! HTML5 to the rescue. It might not be apparent, but the rise of HTML5 has brought a surge of access to device hardware. Geolocation (GPS), the Orientation API (accelerometer), WebGL (GPU), and the Web
Capture audio and video in HTML5 | Articles | web.dev
Introduction Audio/Video capture has been the "Holy Grail" of web development for a long time. For many years we've had to rely on browser plugins (Flash or Silverlight) to get the job done. Come on! HTML5 to the rescue. It might not be apparent, but the rise of HTML5 has brought a surge of access to device hardware. Geolocation (GPS), the Orientation API (accelerometer), WebGL (GPU), and the Web
主要ブラウザのHTML5 audioタグで使えるファイル形式の再生対応状況を調べてみた - 音楽方丈記
主要ブラウザのHTML5 audioタグで使えるファイル形式の再生対応状況を調べてみた » 音楽ネタ全般 [編集] このブログを iPad の Safari でもそこそこ見れるように埋め込みの mp3 プレイヤーとか Flash 関連の扱いを前からコツコツといじっているのですが、いろいろやるついでに主要ブラウザの HTML5 の audio 要素の再生ファイル形式がどこまで対応しているのか調べてみました。 HTML5 の audio 要素について» 基本構文 <audio src="音声ファイルのURL" >ここに未サポート時のメッセージ</audio> » 属性 属性 値 用途 src 再生する音声ファイルの URL controls 再生/停止ボタンなどのインターフェイスを表示する autoplay ロード後に自動再生する loop ループ再生する preload none meta
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://codebase.es/riffwave/