jQueryプラグイン「jPlayer」の使い方｜HTML5プレーヤーのWeb埋め込み｜音声・動画配信（ストリーミング）｜PHP & JavaScript Room
$('#要素ID').jPlayer({ /* イベントハンドラ */ ready: function(){ /* 再生するメディアの定義(URLは相対・絶対パスどちらでも) */ $(this).jPlayer('setMedia', { mp3: '/content/media/audio/Q701.mp3', m4a: '/content/media/audio/Q701.m4a', oga: '/content/media/audio/Q701.ogg', /* サムネイル画像 */ poster: 'http://phpjavascriptroom.com/content/media/thumb/poster1.png' }).jPlayer('play'); /* 自動再生 */ }, /* プレロード（デフォルトは'metadata'、プレロードする場合は'auto'） */
SoundManager 2: JavaScript Sound For The Web
HTML5 + flash hybrid Complexity, reduced Supporting HTML5 audio can be tedious in modern browsers, let alone legacy ones. With real-world visitors using browsers ranging from mobile Safari to IE 6 across a wide range of devices, there can be many support cases to consider. SoundManager 2 gives you a single, powerful API that supports both new and old, using HTML5 audio where supported and optional
WWW.AKIRAFUKUOKA.COM BLOG | 今VJするならブラウザででしょ！ HTML5でVJアプリ「Fi-VJ」を制作しました
HTML5ならのVJアプリだって作れるはず！で、作りました Fi-VJ ver1.02 デモページはこちら ファイルダウンロードはこちら (ver1.02) DLしたら@akirafukuokaに声をかけていただけると嬉しいです!! Fi-VJ(ファイブイジェイ)というVJアプリを極々個人的に制作しました。MacのネイティブアプリでもなければiPhone/iPadアプリでもありません。ブラウザで動くHTML5-VJアプリです。確認済み動作環境はMac版Safari 5.0.5だけです。他のブラウザでは確認してません（デモページはSafariとChromeで動くようですが）。というかローカル実行ではSafari以外ではまず動きません。これに関する解説は後ほど。 ここ数年ビデオミキサーにiPhoneやiPodを繋いでプレイしていた私ですが、そろそろPCを使ったVJに戻ろうかと思ったのがちょうど
HTML5のAudioオブジェクトとJavaScriptで作った簡易ドラムマシン : 音楽方丈記
HTML5のAudioオブジェクトとJavaScriptで作った簡易ドラムマシン Version 1.0.2 » 解説記事はこちら » 音色編集機能付き jsfx バージョンはこちら 2011 © 音楽方丈記 Tweet
JavaScript+WEBカメラでテルミン - 音の鳴るブログ
http://mohayonao.herokuapp.com/theremin WebRTCを使えばJavaScriptからWebカメラとか使えるらしいので、自然の成り行きとしてテルミンを作ってみた。Google Chrome Canary buildで使える。 Google Chrome Canary buildじゃない人(普通のChrome, FireFoxを使っている人)にはFlash経由で動くやつを用意した。これは jQueryのプラグイン を使っている。ただし激重。 カメラを起動して右手で音程、左手で音量を操作できる。手の位置の検出はWebWorkerを使って行っている。RGBをHSVに変換してから各ピクセルごとに肌色判定して肌色の集まっているあたりが手だろうという超手抜き処理。 楽器としては致命的に反応が鈍い。悲しい。 Flashのカメラは事前にカメラを使って良いか許可が必要だ
HTML5で作られた、複数人が同時にコラボできる音楽アプリ「TECHNITONE」
TECHNITONE - A web audio experience presented in Google Chrome HTML5で作られた、複数人が同時にコラボレーションできる音楽アプリ「TECHNITONE」が公開されています。 (英語) 画面を適当にクリックすると、自分の色（音色）でリズムを作成できます。上のほうが高音で下のほうが低音になります。 画面上部に表示されている５つの音色のうち一番左が自分で、他の４つの音色は同時にアクセスしている別の人です。 画面左上でソロのモードに変更もできます。他にも画面左や下部で設定をいろいろ変更できます。 HTML5 canvas、WebGL、Web Audio、WebSocketあたりの技術が使われているようです。 現時点ではChromeでしか動作しないようです。
JavaScriptで動画から音声を抽出してみた
ブラウザだけでMP4/FLV/SWFの動画からMP3/M4A/AAC/WAVの音声を抽出できるサービスを作りました。 nicozonにあるmp3変換のページからサービスが利用できます。 nicozonの動画ファイルのダウンロード機能と合わせて使用すれば、 にこさうんどやnicomimiの代わりになりますね。 従来のこういうサービスはサーバー側で変換をするものですが、 このサービスの新しい所はJavaScriptで動画から音声を抽出している所です。 メリット ブラウザ側で変換してるのでサーバーのリソースを使用しなくて済む 順番待ちとかアップロードとかダウンロードとかしないので変換する速度が速い 音声ファイルをそのまま抽出しているので音質がいい 複数の動画ファイルを同時に変換することが出来る WebWorkerで処理しているので処理中もブラウザが固まらない サーバから動画ファイルをアップロード
今熱い！無料オーディオ系サービスのUI 7選＋α
昨日、2010年12月1日、ついに IPサイマルラジオ「radiko」がついに本格サービススタート！ ワッショイワッショーイ！ てなこともあり、無料音声配信コンテンツが今最高にアツイ！と信じて疑わないgunjiです。 映像系サービスが大人気の今、なぜあえて音声だけがイイのか？ それを語り始めると夜が明けてしまうので、今回はあまり掘り下げませんが ひとつは、コンテンツを配信する方・視聴する方 両方にとってハードルが低く、 別のことをしながら利用出来るということが挙げられると思います。 まあムービー見ながら仕事するのはけっこう難しいし、ふつうに怒られちゃうけど 作業用BGMなら仕事の効率がアップすることもありますしね。 移動中も眠りながらも聞いていられますしね。 というわけで今回は国内外の、特にプレイヤー部分のUIが面白い 無料オーディオ系サービスをご紹介したいと思います。 「ながら利用」を加
MediaStream Integration
MediaStream Integration The following examples illustrate WebRTC integration with the Web Audio API. They are borrowed and modified from Robert O'Callahan's MediaStream Processing API proposal. Please note the addition of two new AudioContext methods: createMediaStreamSource() and createMediaStreamDestination(). They need to be documented more fully, but provide a simple and straightforward integr
ヤター！ウェブブラウザで動くシンセできたよー - aike’s blog
最近のHTML5やWebブラウザのAPIの進化はけっこうすごくて、普通にサウンドプログラミングもできるようになってきました。そんなわけでシンセサイザーアプリを作ってみました。 サウンドを扱う方法はいくつかあるみたいですが、Google Chromeで使えるWeb Audio APIがEQやディレイなどあらかじめ用意されていて良さげなので使いました。 http://aikelab.net/websynth/ まだ、バグもけっこうあるのでじょじょにブラッシュアップしていきます。 Chrome以外では動かないと思うので試せない人はこちらの動画をどうぞ。 Google API Expertが解説するHTML5ガイドブック 作者: 羽田野太巳,白石俊平,古籏一浩,太田昌吾 出版社/メーカー: インプレスジャパン 発売日: 2010/09/16 メディア: 単行本（ソフトカバー） この商品を含むブログ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PANICPUMPKIN