EPUB形式の電子書籍に動画と音声を埋め込む方法。サンプルEPUBファイルあり

電子書籍にもオーディオ＆ビデオを。iBooks 1.1.1 より正式対応した音声・動画などの埋め込まれたリッチEPUBを作ってみよう。

iBooks1.1.1がダウンロード可能になっておりますが、ここで興奮せずにはいられないのが『オーディオとビデオ付きの体験型ブックをお楽しみいただけます』という点。どちらかというとテキスト主体の本に適したEPUBフォーマットだけに、動画や音声などのリッチメディアが扱えるのはとても良いことです。
▼iBooks ダウンロードページへ - Apple Inc.

実は以前からも動画や音声の再生はできていたのですが、今回のiBooksバージョンアップにより再生開始が高速になりました。ダブルタップでなく1回のタップで再生が始まるようにも改良され、より快適に視聴できる環境が提供されています。ということで、ちょっとサンプルをご覧にいれましょう。以下リンク先のページの上の辺りのテキストリンクよりダウンロードいただけます。
▼楽天動画チャンネルハリウッド忍者アクション『ニンジャ・アサシン』

もしくはEPUBファイル直リンクでこちらからどうぞ。※右クリックで保存してね。
▼http://douga.rakuten.ne.jp/epub/njasin.epub

ダウンロードしたEPUBファイルをiTunesにドラッグ＆ドロップし、iPhoneやiPadと同期すればiBooksのライブラリに並んでいるはずです。（昔よくやったPodcastの登録と似たようなもんですわ）

で、EPUBをご覧いただくと動画があちこちに埋め込まれておりますので、それをタップすると再生できます。これはどのように実現しているかというと、HTML5のビデオタグを記述しているんです。以下実例。

HTML5だと以下のようにも書けるのですが、それだとiBooksでは動かないので上記の記述にしました。

おっと説明が遅れましたが、EPUBというのはXHTML群とメタ情報のXMLを単にZIP圧縮したものなので、拡張子を「zip」に変更してやることで解凍できますし、中身が恥ずかしいくらい丸見えになります。とりあえずEPUBの製作について勉強したい方は世の中の「epub」拡張子を片っ端から「zip」にしてください（笑）Webサイトつくる感覚で本一冊作れちゃいますよ。

さて、動画ファイルへのパスは相対パスで記述しましたが、その際のルートは「OEBPS」フォルダになります。以下は製作にあたって参考にしたサイトです。XMLの記述などもちゃんとする必要がありますが、とりあえずこれで動きます。より深く知りたい方は以下のページなどを参考にすると良いでしょう。
▼Pigs, Gourds, and Wikis: HTML5 Video Works on iBooks on iPad!!
▼Using HTML5 video in ePub : ?Threepress Consulting blog

音声ファイルのほうも同様に、HTML5の「audio」要素を記述することで実現できます。アトリビュートも同様。

で、これによって何が期待できるかというと、僕のようなポッドキャスターにとっては福音に他ならないのです。このEPUB自体もポッドキャストが可能なのは以前にもお伝えした通り。そこに動画や音声を含むということを逆転の発想でとらえれば、従来型のポッドキャストに補足テキストやハイパーリンクを含めての配布が可能というわけです。

どうもこれまでポッドキャストが弱かったのは動画や音声そのものしか配信できなかった点なんですよ。それ自体にハイパーリンクが張れないためにブログなどと比較して色んな面で着地点がない。なんだか広がらない。テキストコンテンツを持てないがためにブログなどと併用する必要性が大きい等々。しかしこのEPUBのなかにリッチコンテンツを埋め込んでしまえば、再配布でそれ単体が一人歩きしていったとしても安心です。EPUBのなかには配信者の連絡先を記述しておけますし、もしかしたらアフィリエイトリンクがお小遣いをもたらしてくれるかもしれませんよね（笑）ポッドキャストはMOVやMP3だけではなし得なかった新しいステージに突入したということです。