2011年02月13日

MPEG-4の動画を挿入してリンク位置を指定する[SakuttoBookでiPhoneアプリ - 4] #denshi

 『SakuttoBook(サクッとブック)でiPhoneアプリを作る方法』は、SakuttoBook(サクッとブック)の解説マニュアルです。ここではSakuttoBookにPDFを貼り込んで、iPhone電子書籍アプリを作成する手順について解説します。SakuttoBookを使っていただくと、iOS Developer Program代も合わせてたった4万円でiPhone電子書籍アプリが作成できます。ここではは動画の挿入方法を解説します。

  動画の挿入するためには、まず動画をXcodeで読み込みます。そして動画を貼り込むページと貼り込み位置、そしてファイル名をcsvファイルで指定します。

 まず貼り込みたい動画のフォーマットですが

MPEG-4(H.264/AVC)

で作成します。拡張子は「.mp4」となります。MOV形式にも対応していますが、MPEG-4に変換しておく方が確実です。

 MPEG-4の動画ファイルを、まずSakuttoBookフォルダにコピーします。左ウィンドウの「SakuttoBook」を展開します。movieフォルダを選択し、コンテキストメニュー(マウスの左ボタン)を開きます。[追加]から[既存のファイル]を選択して、フォルダ内に取り込んだ動画ファイルを指定します。動画がmovieフォルダに保存されます。

4-4-01.gif

  ↓

4-4-02.gif


 次に動画を貼り込むページと貼り込み位置を指定します。ページと位置、動画ファイル名の指定は

movieDefine.csv

で行います。ここでは

2,6,92,130,88,CWM1010_Movie.mp4
貼り込みページ番号,リンク位置(X),リンク位置(Y),横幅,高さ,ファイル名


で指定します。リンクの開始位置や画像のサイズは「ポイント」で指定します。指定したエリアはiOSシミュレータでは黄色く表示されます。シミュレータで確認してリンクの開始位置と横幅や高さを調整します。画像のファイル名は日本語でもかまいませんが、それ以外は半角数字と半角カンマで指定します。

4-4-03.gif

 動画のリンク用には動画のショットなど画像を貼り込んでおくとわかりやすいでしょう。シミュレータでリンクエリアをクリックすると、動画ウィンドウが開きます。


 PS、iPhoneで撮影した動画はmov形式です。iPhone自体はmov形式に対応していますが、SakuttoBookに貼り込むと音声のみになることがあります。mov形式の動画はmp4形式に変換して貼り込んで下さい。Macintosh環境では

QT-MPEG4-Exporter

というフリーウエアツールを使うとmov形式の動画はmp4形式に簡単に変換できます。QT-MPEG4-ExporterはQuickTime Playerを使って、AppleScriptでmp4形式に変換できます。

◆QT MPEG4 Exporter[Macintosh Lab.]
http://www.h5.dion.ne.jp/~maclab/page8/page8.html


 SakuttoBookでiPhoneアプリを作成するには、Mac OS X10.6.4以降がインストールされたMacintoshに、「Xcode 3.2.5 and iOS SDK 4.2」をインストールする必要があります。Apple IDを登録してiOS Dev Centerにログインすると、「Xcode 3.2.5 and iOS SDK 4.2」がダウンロードできます。Apple IDはApple Storeのページ下部の[アカウント]で作成します。アプリを配信するには、iOS Developer Programの登録が必要ですが、シミュレーターが動作させるだけなら、無償ダウンロードできる「Xcode 3.2.5 and iOS SDK 4.2」で可能です。「Xcode 3.2.5 and iOS SDK 4.2」のダウンロードは下記のiOS Dev Centerからできます。


◆iOS Dev Center[Apple]
http://developer.apple.com/devcenter/ios/index.action


◆これだけでできるiPhone電子書籍アプリをローコストで作る方法
 SakuttoBook(サクッとブック)
  ↓  ↓
http://www.incunabula.co.jp/book/Sakutto/


「サクブ」と呼んでやってください。

 
ラベル:iPhoneアプリ
posted by 上高地 仁 at 12:46 | Comment(0) | TrackBack(0) | ニュース&トピック | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス: [必須入力]

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。

この記事へのトラックバック