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/
(曲提供:西尾将人)