|
|---|
HTMLやCSS、JavaScriptでスマートフォンアプリを開発できるフレームワーク「PhoneGap」。今回はPhoneGapで音楽を再生してみましょう。
PhoneGapではHTML5 Audioに加えて、PhoneGapのAPIを使っても音楽を再生できます。ところが、どちらもレスポンスが悪く、タップしたらすぐに音楽を再生する楽器アプリや、ゲームでの効果音には使えず、BGMとして演奏させておくのが限界です。
また、iOSシミュレーターと実機とで動作結果が異なる場合があります。音楽アプリを作成する場合は実機でも動作を確認しながら進めるとよいでしょう。
iOSで再生できるサウンドファイルを調べる
iOSでどのような形式のサウンドファイルが再生できるか確認しましょう。iOSがサポートするメディアタイプはアップルのWebページに掲載されており、まとめると以下の表になります。
| 種類 | 拡張子 |
|---|---|
| 3GPP,3GPP2メディア | 3gp, 3gpp, 3g2, 3gp2 |
| AIFFオーディオ | aiff, aif, aifc, cdda |
| AMRオーディオ | amr |
| MP3オーディオ | mp3, swa |
| MPEG-4メディア | mp4 |
| MPEGオーディオ | mpeg, mpg, mp3, swa |
| WAVEオーディオ | wav, bwf |
| AACオーディオ | m4a |
| AACオーディオブック | m4b, m4p |
今回は、サンプルとしてNimbleKitの記事で使用した楽曲データ（MP3形式）を利用します。
- NimbleKitで自分だけのiPodアプリを作ろう
- http://ascii.jp/elem/000/000/614/614469/
アプリ内に組み込む曲は「Pop1.mp3」「Pop2.mp3」「Pop3.mp3」です。インターネット上に公開されている楽曲を再生するサンプルでは、以下のURLにある「music1」～「music5.mp3」の5曲を使用します。
- サンプル曲のダウンロード
- http://www.openspc2.org/music/asc/
（曲提供：西尾将人）
ソーシャルリアクション
この連載の記事
- 第77回 もうFlashは要らない!?スマホ用CSS3アニメを作ろう
- 第76回 iPhoneでも動くアニメが作れるSencha Animatorの使い方
- 第75回 CSS3でFlash並みアニメが作れるSencha Animator
- 第74回 Capture APIでiPhone用ビデオレコーダーを作ろう
- 第73回 JavaScriptで作れるiPhone用ボイスレコーダー
- 第71回 iPhoneがPhoneGapで簡易電子書籍リーダーに
- 第70回 PhoneGapでMapKitを使って地図アプリを開発
- 第69回 HTML5+CSS3でiPhone用動画アプリを作ろう
- 第68回 iPhone/iPad両対応！PhoneGapで作るアルバムアプリ
- 第67回 フォトアルバムアプリで学ぶPhoneGapの使い方
- この連載の一覧へ
![Microsoft Windows7 Home Premium 64bit 日本語 DSP版 + メモリ [DVD-ROM]](http://ascii.jp/img/amazon_noimg70.gif "Microsoft Windows7 Home Premium 64bit 日本語 DSP版 + メモリ [DVD-ROM]")
