Sound Stage: iPhoneシミュレータを使ってアプリのデモが撮影できる録画アプリ。 : MacBank -Mac App Storeのおすすめアプリ-

Tweet |

執筆者: asyunin | 2011.1.12 8:39 am
カテゴリー: Mac App, 有料アプリ, 開発ツール

Sound Stage: iPhoneシミュレータを使ってアプリのデモが撮影できる録画アプリ。

キレイに撮影されているiPhoneアプリのデモ動画が、どのように撮影しているかご存知でしたか？

多くのiPhoneアプリ開発者が利用しているのがSound StageというMac用アプリです。

iOS SDKに付属するiPhoneシミュレータを使って撮影するので実際にiPhoneを触っているところをカメラで撮影するよりも、よりキレイなデモ動画が作成できます。

詳しくご紹介します。

使っている様子

使い方

起動するとiOS SDKに付属するiPhoneシミュレータも同時に起動します。

ただし英語環境でのみiPhoneシミュレータが自動で起動します。日本語環境では手動でiPhoneシミュレータを起動して、後述する撮影画面領域を手動で設定する必要があります。

iPhoneアプリのデモを撮影するには別途iOS SDKをインストールする必要があります。

iPhoneの右にあるリモコンがSound Stageです。

録画の開始は真ん中の赤いボタンをクリックするだけ。

スクリーンショットの撮影は右下のカメラのボタンをクリックします。

その周りにあるボタンは、音符のボタンから時計回りに「音楽ファイルの指定」「スキンの変更」「マイク録音の停止」「背景画像の設定」が行えます。

音楽ファイルの指定は録画後にBGMとして適用するMP3やM4Aを指定できます。

スキンの変更では撮影後に合成されるiPhoneの外見を、iPhone 4（黒）・iPhone 4（白）、あるいは取り込み範囲をデスクトップ全体・画面のみから選択できます。

iPhoneシミュレータが見つからない場合は「Desktop Recording Area」というウィンドウが表示されます。このウィンドウのサイズを変更して録画する範囲を決定します。

撮影対象が限定されている訳ではないので、このツールを使ってMacのデスクトップを録画することもできます。

設定ではビデオの品質などが設定できます。カーソルの色や表示の有無も設定できるので、アプリによって見やすいカーソルにすると良いでしょう。

「Calibration」では録画する範囲を設定することができます。英語環境でiPhoneシミュレータを起動していれば自動的に録画範囲が設定されますが、そうでない場合はここで設定しなければなりません。

「Manual Calibration」を実行すれば、このように録画範囲を設定できます。

iPhoneシミュレータ本体を移動させてしまうと当然録画範囲の外に出てしまうので、操作には注意が必要です。

背景となる画像をあらかじめ設定しておくと、動画ではこのように表示されます。

撮影が終了した動画はYouTubeにアップロードできます。

タイトルや説明、タグでは日本語が利用できました。

動画は1365×768pxのMPEG4フォーマットでエンコーディングされます。

最後に一時的に日本語環境から英語環境へとシステム言語を切り替える方法をご紹介します。iPhoneシミュレータの表示にぴったり沿うように録画するためには必要な作業ですので、ぜひ参考にして頂ければと思います。

まず「システム環境設定」を開きます。その中から「言語とテキスト」をクリック。

「言語」タブ内にリストアップされている言語の中から「English」をドラッグ＆ドロップして「日本語」より上に移動させます。

こんな感じになればOK。現在ログインしているユーザーから一度ログアウトして、再度ログインすればFinderを含むメニューやダイアログが全て英語化されます。

再び日本語環境に戻す場合には「言語とテキスト」で「English」の上に「日本語」を移動させてログアウト→ログインを行ってください。

まとめ

iPhoneシミュレータも利用するので録画時にはCPU使用率が高くなることも。その際に若干録画の際にカクつく事がありますが、エンコードが終了した動画を見たところ、特にカクつきはありませんでした。

また、iPhone内部で再生される音声については録音されないので、その点はご注意下さい。ただ、両端がオス型のステレオミニプラグを利用してスピーカーからマイクへと接続すれば、同時にiPhoneシミュレータで再生された音を録音することができます。

一方で、iPhoneシミュレータの画面範囲を自動で認識して撮影するので余分な編集が必要なく、しかもマウスカーソルが白/黒の円に置き換えられるので、動画を見る人にとってはどこを操作しているかが分かりやすいデモが撮影できますから、先の2つの難点と日本語環境に未対応という難点を補えるメリットを持っているアプリでもあります。

iPhoneアプリの開発者の方はぜひ導入を検討されてみては如何でしょうか？
サンプルで撮影した動画は記事の先頭にありますので、未見の方はぜひご覧下さい。