実機で確認して完成
サンプル2を実機に転送して動作を確認してみましょう。サンプル1のときと同様に、MacとiPhoneを接続したままにし、プロジェクトウィンドウの「ビルドと実行」ボタンをクリックします。しばらくすると実機に転送され、以下のような画面になります。
|
|---|
| 実機での画面 |
録音ボタンをタップすると録音が開始され、録音時間とストレージの空き容量がリアルタイムで表示されます。
|
|---|
| リアルタイムに秒数と空き容量が表示される |
録音停止ボタンをタップすると録音が終了し、録音時間を表示します。
|
|---|
| 録音した時間が表示される |
再生ボタンをタップして録音したボイスデータが正しく再生されるか確認します。
|
|---|
| 再生ボタンをタップして再生されるか確認する |
無事に再生できればOKです。途中で停止させたい場合は再生停止ボタンをタップします。
|
|---|
| 再生停止ボタンをタップすると再生が停止する |
◆
次回はCapture APIを使って録音とビデオ録画を試してみましょう。
PhoneGapの開発元、アドビ傘下へ
すでにご存じの方もいると思いますが、PhoneGapを開発しているNitobi社を米アドビ システムズが買収すると発表しました（アドビによるプレスリリース）。これにより、PhoneGapの開発にはアドビの意向も大きく反映されることになります。
現時点でも、アドビのDreamweaverにはPhoneGapを利用してiOS/Android用のアプリケーションを作成する機能があります。このまま、PhoneGap単独で使えるのか、それともDreamweaverに組み込まれてしまうのかは分かりません。
いずれにせよ今後の動向には注視しておきたいところです。
ソーシャルリアクション
この連載の記事
- 第86回 Android 4の新機能でカメラWebアプリ作ってみた
- 第85回 Googleとの比較で学ぶYahoo!マップAPIの使い方
- 第84回 Googleマップ有料化でYahoo! APIを使ってみた
- 第83回 Navigation Timing APIでサイトパフォーマンスを調査
- 第82回 iOS 5で使えるWeb Workersでカメラアプリ作ってみた
- 第81回 iBooks AuthorでHTML5の電子書籍作ってみた
- 第80回 iOS 5の新機能で作る「パノラマビュー」アプリ
- 第79回 CanvasとPhoneGapで作るiPhone用落書きアプリ
- 第78回 PhoneGapでiPhoneのコンパスアプリを再現
- 第77回 もうFlashは要らない!?スマホ用CSS3アニメを作ろう
- この連載の一覧へ
