Audio5js is a Javascript library that provides a seamless compatibility layer to the HTML5 Audio playback API, with multiple codec support and a Flash-based MP3 playback fallback for older or unsupported browsers. The motivation for creating Audio5js is to provide a light-weight, library-agnostic, Javascript-only interface for audio playback in the browser.
スマートフォンでHTML5+Javascriptで音を鳴らす為に、ブラウザ間の対応状況を調べてみたのでメモとしてまとめておきます。各ブラウザで共通で音を鳴らす方法については、またの機会に書いてみようと思います。（enchant.jsのSound周りの実装も進んでるみたいですし） iPhone iPhone 4 PCM audio support ○ MP3 support ○ AAC support ○ Ogg Vorbis support ○ WebM support ○ iPhone 3GS PCM audio support ○ MP3 support ○ AAC support ○ Ogg Vorbis support × WebM support × iPhone 3G PCM audio support ○ MP3 support ○ AAC support ○ Ogg Vor
PCのブラウザ上での話しならコチラの記事を参考に 比較的簡単にHTML5のaudioタグで音声再生が可能ですが、 Androidのブラウザでも可能なのかどうかについて。 Andoridのデフォルトブラウザはaudioタグはサポートしていても、 PCM、MP3、AAC、Ogg Vorbisのようなファイルフォーマットには対応してないようです。 ネット上にもあちらこちらにバージョン2.2まではムリっすって声が聞こえますし、 実際にaudioタグを貼ってもプレイヤーが表示されず、音声も再生しない検証結果も出ています。 バージョン2.3では再生できたという記事も目にしましたが、 端末によってかもしれないし、Googleから公式のアナウンスがある？わけでもないので 音コンテンツを作るうえでどのように対応していくかが鬼門です。 まずUAの分岐は コレとかコレで端末ごとの対応してい
UnitePlayer はモバイルとゲームに特化した HTML5 な音楽再生プレイヤー UnitePlayer は、モバイルブラウザ上で動作するゲームに音をもたらします。 扱いが難しい Mobile Safari や Android ブラウザの音周りをフォーマット化し、とっても扱いやすくします。 フィーチャーフォン用のソーシャルゲームが大流行な昨今ですが、 フィーチャーフォン用のゲームって音が無いですよね? そのゲームをそのままスマートフォン向けにコンバートしても、音がならずに寂しい感じですよね? 2012年は UnitePlayer で BGM も SE も鳴らしちゃいましょう。 そして没入感や色々なものを高めちゃいましょう! PCブラウザでもそのまま動くから、横展開もお手軽に! UnitePlayer なら iPhone でも BGM と SE を擬似的に同時再生できますよ。 Unit
HTML5サウンドプレイヤーのサンプル。マウスで選択した曲（音声ファイル）が再生される。画像クリックでサンプルページを表示します（Firefox 3／Opera 10／Safari 4で表示可能） 本連載でもこれまでHTML5 Videoを使って動画を再生する方法を紹介しましたが、今回は音声を再生してみましょう。HTML5ではプラグインを使用しなくても動画や音声を再生できます。 今回はHTML5 Audioのサンプルとして、選択した音楽（音声ファイル）を再生するサウンドプレイヤーを作ります。単に音楽を再生するだけでは面白くないので、Canvasを使ってビジュアルを表示する機能も付けます。さしずめ、iTunesやWindows Media Playerのブラウザー版、といったところでしょうか。 ブラウザーによって違うサポート形式 HTML5 AudioはVideoと同じメディア要素として扱わ
Web Audio Examples The Web Audio API introduces a variety of new audio features to the web platform. It can be used with the canvas and WebGL APIs for creating a new generation of games and interactive applications. The API is capable of dynamically positioning/spatializing and mixing multiple sound sources in three-dimensional space. It has a powerful modular routing system, supporting effects, a
Jamendo’s HTML5 Audio Player is a powerful tool that provides an efficient and user-friendly way to stream music directly on your website. Integrating this player into your website not only enhances the user experience by offering seamless music playback but also connects your site with the vast library of music available through Jamendo, a platform renowned for promoting independent music artists
streeme - Project Hosting on Google Code PCやスマフォでどこでも持ってる音楽を聴けるHTML5ベースの音楽サーバ「streeme」。 HTML5ベースということでiPhoneやAndroidでも使えるそうです。 サーバ側ではPHPとMySQLサーバが必要。iTunes の XML から読み出しを行えたりもするみたいです。 iPhoneでのアクセスのスクリーンキャストはこちら iPodっぽいUIで音楽を再生できるのが分かります。iPhone上のSafariで動きます デスクトップからのアクセスのスクリーンキャストはこちら ほんとにブラウザベース？というリッチなUIで音楽の再生ができる どこでもブラウザベースで音楽を聴きたい方は試してみるとよいかもしれません。 関連エントリ CSSでクールにデザインされたHTML5動画・音楽プレイヤー実装JS「Medi
Guitar Tab Player with the Firefox Audio Data API12.31.2010 — JavaScript, HTML5 What if there was a standardized way to display interactive guitar tab on the web? And this guitar tab could be listened to and required no plugins to run, just a browser... I built a web-based guitar tab player using Firefox's Audio Data API and Vexflow. This proof of concept guitar tab player reads MusicXML files and
HTML5サウンドプレイヤーのサンプル。マウスで選択した曲（音声ファイル）が再生される。画像クリックでサンプルページを表示します（Firefox 3／Opera 10／Safari 4で表示可能） 本連載でもこれまでHTML5 Videoを使って動画を再生する方法を紹介しましたが、今回は音声を再生してみましょう。HTML5ではプラグインを使用しなくても動画や音声を再生できます。 今回はHTML5 Audioのサンプルとして、選択した音楽（音声ファイル）を再生するサウンドプレイヤーを作ります。単に音楽を再生するだけでは面白くないので、Canvasを使ってビジュアルを表示する機能も付けます。さしずめ、iTunesやWindows Media Playerのブラウザー版、といったところでしょうか。 ブラウザーによって違うサポート形式 HTML5 AudioはVideoと同じメディア要素として扱わ
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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く