このページの本文へ

PROGRAMMING 古籏一浩のJavaScriptラボ ― 第72回

PhoneGapのMedia APIでバイブ付き音楽プレーヤー

2011年10月03日 11時00分更新

古籏一浩

  • この記事をはてなブックマークに追加
本文印刷
js-labo

 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/

(曲提供:西尾将人)

この記事の編集者は以下の記事をオススメしています

ASCII.jp会員サービス 週刊Web Professional登録

HTMLリファレンス誘導バナー

CSSリファレンスサイト誘導バナー

Webディレクター江口明日香が行く

ランキング