EPUB Publications 3.0 日本語訳
“EPUB Publications 3.0 は、出版レベルのセマンティクスと Package Document の形式を含むEPUB® 3 と、この文書と他の Publication Resource が従っている EPUB Publication をつくるために関連する方法に対する規則の適合必要条件を定めます。”
公開日：2012年2月25日　改定日：2012年5月8日

EPUB 3 Structural Semantics Vocabulary 日本語訳
“EPUB 3 Structural Semantics Vocabulary は、書かれた作品の構造意味論の記述に関連するプロパティのセットを定義します。語彙は一般的にホスト言語に依存せず、主に HTML 語彙の要素の意味的な抑揚を有効にするために構成されている。”
公開日：2012年2月2日

• EPUB 3 Fixed-Layout Documents 【日本語訳】

EPUB2.0.1（以下、EPUB と表記）のメタデータ、パッケージ構成などを記述する Open Packaging Format（以下、OPF と表記）仕様書の最新版は 2.0.1 です（仕様勧告日2010年9月4日）。

Open Packaging Format (OPF) 2.0.1 v1.0.1

翻訳されている EPUB の OPF 仕様書の最新版は 2.0（仕様勧告日2007年7月11日）です。

Open Packaging Format (OPF) 2.0 v1.0

以下に気なる差分を簡単にまとめました。

• NCX の説明が“目次（table of contents）”から“グローバルナビゲーション構造（global navigation structure）”に変更。
• OCF の正式名称が OEBPS Container Format (OCF)から Open Container Format (OCF)に変更。
• 記述に用いる XML が XML 1.1 から XML 1.0 に変更。なお XML 1.1 のサポートは次の改訂で削除予定。
• XML 名前空間の参照先が http://www.w3.org/TR/REC-xml-names11/ から http://www.w3.org/TR/2006/REC-xml-names-20060816/ に変更。
• OPF Package Schema から名前空間接頭辞 xsi の削除。identifier、language、date、format、type 要素から xsi 属性の削除（ただし、スキーマから xsi 属性は削除されているが、2.2: Publication Metadata には xsi 属性を許可する要素として identifier、language、date、format、type 要素が記載されている）。

特に気になる箇所は NCX の“目次”から“グローバルナビゲーション構造”という変化がどのような意味合いを帯びるのか、またダブリン・コア要素からスキーマで xsi 属性が削除されている点でしょうか。
これはもう少し本文中の変更記述を読んで、分かり次第、この記事に追記したいと思います。

EPUB は HTML や CSS 、画像などのファイル一式を指定の方法により ZIP 形式で圧縮し、拡張子を .epub としてパッケージ化したものです。
ただし 圧縮ツールなどを使い ZIP 圧縮をしたのでは EPUB パッケージとして不適切です。
今回は EPUB をパッケージ化する3つの方法を紹介したいと思います。

なお仕様については OEBPS Container Format (OCF) 1.0 の 4 ZIP CONTAINER に記載されています。
詳細を知りたい方は OEBPS Container Format (OCF) 1.0 日本語訳が公開されているので、目を通しておくとよいでしょう。

ePub Packager

ePub Packager は EPUB で使用するファイル一式を圧縮し、EPUB としてパッケージ化する Mac OS X 用の有料アプリです。App Store から購入できます。ePub Packager は Sixty Four 社 からリリースされており、App Store で購入できます。
2012年3月20日時点でのバージョンは1.1、価格は85円。

Mac App Store – ePub Packager

使い方

起動後の画面

ファイル一式の入ったフォルダを“Drag and drop files here”にドロップします。

処理が進み、”Packed successfully”と表示されたら完了です。
パッケージ化された EPUB ファイルは /User/username/Library/Containers/ee.64.ePubPackager/Data/Library/ に保存されます。該当のディレクトリは「Finder」ボタンを押すと、開いてくれます。

またドラッグ＆ドロップをしなくても、「Open」ボタンからファイル一式の入ったフォルダを指定して、パッケージ化をすることもできます。

なおパッケージ化した時の EPUB のファイル名は『フォルダ名.epub』になります。

保存先に同じ名前の EPUB ファイルがある場合は、上書きするかどうか問われます。Overwrite を選択するとすでにあるファイルは削除されます。

Rename を選択すると、名前を変更するダイアログが表示され、別の名前でパッケージ化することができます。

その他の機能

画面下部にある Overwrite にチェックを入れておくことで、上書きのアラートを表示させず、パッケージ化することができます。

同様に Validate にチェックを入れておくと、パッケージ化後に検証をしてくれるようです。ただこの検証が epubcheck を使用した検証なのか、単にパッケージ自体の検証なのかは不明です。
ちなみにここで使用した EPUB ファイルは epubcheck でエラーのないことを確認しています。

ePub Zip for Mac OS X

MobileRead Forums の『ePub Zip for Mac OS X』のスレッドに『ePub Zip 1.0.2.app』というアプリが添付されています。
このアプリは単純に EPUB に必要なファイル1式をパッケージ化をするだけのアプリです。が必要十分でしょう。
ただしライセンスが不明なので、使用はご自身の判断でお願いします。

コマンドライン

EPUB のパッケージ化は特別なアプリケーションを使用しなくても、Terminal から行えます。
アプリケーションのユーティリティフォルダ内にある Terminal を起動します。まず EPUB のファイル1式が入ったフォルダに移動します。仮にそのフォルダが「container」とすると、以下のような処理になります。

$ cd /full path to epub folder/container
$ zip -0 -X ../container.epub mimetype
  adding: mimetype (stored 0%)
$ zip -r ../container.epub * -x mimetype
  adding: META-INF/container.xml (deflated 32%)
  adding: OEBPS/content.opf (deflated 76%)
  adding: OEBPS/css/hoge.css (deflated 77%)
  adding: OEBPS/doc/fuga.xhtml (deflated 63%)
  adding: OEBPS/img/piyo.png (stored 0%)
  adding: OEBPS/toc.ncx (deflated 63%)
  ...

1行目は EPUB のパッケージに必要なフォルダへの移動です。cd で EPUB 化するファイル1式のあるフォルダに移動します。
2行目で、zip で圧縮するコマンドを送りますが、指定したものを保存する -0、ファイルの属性を保管しない -X の引数をつけ、mimetype を一つ上の階層に container.epub として保存します。
4行目は、再び zip 圧縮するコマンドです。今回は再帰的に処理する引数 -r をつけ、2行目と同様に一つ上の階層に container.epub として保存しますが、特定のファイルを除外する -x の引数を付け、mimetype を圧縮しないようにしています。
なお、この Terminal による操作は『Sus scrofa liaodongensis: EPUB ZIP コンテナの作り方』を参考にさせて頂きました。

以上、Mac で EPUB のパッケージ化する3つの方法の紹介でした。

<meta content="cover" name="cover-image"/>

ちなみに meta 要素は content と name 属性が必須の空要素。省略可能な属性として id、scheme、xml:lang 属性を持つことができることを epubcheck の出力結果から知った。

ちなみに EPBU2.0.1 の仕様書 Open Packaging Format (OPF) 2.0.1 v1.0 にはこの meta 要素について明確な仕様がないように見える。何を参照しているのだろう。

table
{
display:inline-table;
}

• EPUB Publications 3.0 【日本語訳】

EPUB Publications 3.0 は EPUB の中枢にあたる .opf ファイルに関する仕様書です。.opf はリソースを管理する manifest 要素、読み上げ順序を定義する spine 要素、そして EPUB の書誌データを格納する metadata 要素と大きく3つの重要な情報を格納するファイルになります。

特に metadata 要素は EPUB のインターネットでの流通や機械的な管理、検索に重要な役割を担うことが予想されるので、最小限の要素（title 要素, identifier 要素, language 要素）だけはなく、書誌が持っている情報は積極的に付与したいものです。

この Media Overlays を利用して見て読むだけでなく聴いて読む EPUB3 を作って見ました。

第36回 Sugamo.css のフォローアップ記事でもあります。

なお再生する環境は iOS5 以上の iPhone4/iPad、リーディングシステムは iBooks1.5 以上を想定しています。

取り急ぎ完成した EPUB3 を見たい方はこちら

記事の目次

• 制作手順
  • 1)準備
  • 2)再生箇所の指定
  • 3)合成音声の制作
  • 4)SMIL の記述
  • 5)OPF ファイルの編集
    • 名前空間の追加
    • 音声ファイルを item 要素に登録
    • SMIL ファイルを item 要素に登録
    • HTML 文書を SMIL の紐付け
    • SMIL ファイルの再生時間
    • 合計再生時間
    • 再生箇所のスタイルシート
  • 6)iBooks 用にカスタマイズ
    • xml ファイルの追加
    • meta 要素の追加
    • スタイルシートの追加
  • 7)iBooks に最適化する追加の処理
  • 8)さらに拡張してみる
• 朗読音声を作ってみて
• まとめ

制作手順

1)準備

何はともあれ EPUB3 のファイルが必要です。適当に作って準備しましょう。

今回は作りおきのファイルを利用しました。

サンプル1：ASCANDALINBOHEMIA.epub

2)再生箇所の指定

音声と内容を同期させるため、HTML 文書内のそのテキストを読み上げている音声と同じ範囲を id 属性で指定します。

加工前

<p class="noindent">「まだデータがない。データなしに理論を立てるのは、致命的な誤りだ。無意識のうちに、事実と符合するべく推理するのではなく、推理に符合するべく事実を歪曲することになる。しかしここに紙がある。演繹してごらん。」</p>

加工後

<p id="chp01-p025" class="noindent">
<span id="chp01-p025-01">「まだデータがない。データなしに理論を立てるのは、致命的な誤りだ。</span>
<span id="chp01-p025-02">無意識のうちに、事実と符合するべく推理するのではなく、推理に符合するべく事実を歪曲することになる。</span>
<span id="chp01-p025-03">しかしここに紙がある。演繹してごらん。」</span>
</p>

指定できる範囲は任意ですが、音声を再生している箇所をハイライトなどの視覚効果を加えることができるので（後述）、あまり広範囲を指定すると指定した範囲内のどこを再生しているのかわかりにくくなると思います。

今回の再生範囲の区切りは特に短いものを除いては基本的にセンテンスとしました。

3)合成音声の制作

次に音声ファイルを作成します。音声データは人が朗読するものを録音して利用するのが一般的なのかは知りませんが、今回は AH-Software が発売している音声合成エンジン『VOICEROID+ 結月ゆかり（http://www.ah-soft.com/voiceroid/yukari/）』を使用しました。

他にも多く音声合成エンジンがありますが、『VOICEROID+ 結月ゆかり』を選んだ理由としては以下の点です。

1. 機能と価格のバランスが良かった。
2. 落ち着きがあり優しい声がベースになっているのでので、朗読に適していた。

VOICEROID+ の使い方は割愛しますが、簡単に説明すると

1. テキストを貼り付ける
2. 再生する
3. イントネーションや読み方がおかしかったら修正して2に戻る

の繰り返しです。

固有名詞や一般的ではない文字はイントネーションがおかしくなる傾向がありましたが、だいたい修正なしで読みあげてくれたと思います。

基本的な画面。テキストフィールドに読ませたいテキストを入れて再生させると音声で読み上げます。

フレーズ調整画面。イントネーションや読み方がおかしい時に修正する。調整したフレーズや単語を登録できるので、だんだんと読み上げ精度が上がるようです。

ピッチや話す速度も調整できる。今回作成した音声データは会話部分は1.1倍、他は1倍にしました。

保存すると音声データは .wav で、読ませたテキストは .txt で保存されます。

今回は 1) で定義した再生範囲毎に1つの音声ファイルを作成しました。音声ファイルはwavだとファイルサイズが大きかったので、音質とファイルサイズを検討して M4A に変換しました。WAV から M4A への変換は XLD（http://tmkk.pv.land.to/xld/）を使用しました。どの音声フォーマットを使う方のが良いのかわかりません。ここは更に調べる必要があります。

4)SMIL の記述

音声データとテキストを同期させるために SIML を利用します。1つの HTML 毎に1つの SMIL を用意します。

SMIL の中身は次の通り。

<?xml version="1.0" encoding="UTF-8"?>
<smil xmlns="http://www.w3.org/ns/SMIL" version="3.0" xmlns:epub="http://www.idpf.org/2007/ops">
<body>
...
</body>
</smil>

body 要素内に音声データと HTML 文書内の再生範囲を par 要素で紐付けます。

<?xml version="1.0" encoding="UTF-8"?>
<smil xmlns="http://www.w3.org/ns/SMIL" version="3.0" xmlns:epub="http://www.idpf.org/2007/ops">
<body>
...
<par id="chp01-p025-01">
<text src="../doc/chapter01.xhtml#chp01-p025-01"/>
<audio src="../audio/chapter01/chp01-p025-01.m4a" clipBegin="0:00:00.000" clipEnd="00:00:06.608"/>
</par>
<par id="chp01-p025-02">
<text src="../doc/chapter01.xhtml#chp01-p025-02"/>
<audio src="../audio/chapter01/chp01-p025-02.m4a" clipBegin="0:00:00.000" clipEnd="00:00:08.719"/>
</par>
<par id="chp01-p025-03">
<text src="../doc/chapter01.xhtml#chp01-p025-03"/>
<audio src="../audio/chapter01/chp01-p025-03.m4a" clipBegin="0:00:00.000" clipEnd="00:00:04.520"/>
</par>
...
</body>
</smil>

1つの再生箇所につき1つの par 要素で定義します。par 要素の中には、text 要素で HTML 文書内の再生範囲（id 属性を付与した箇所）を指定し、audio 要素で再生する音声ファイルを指定します。

text 要素は src 属性で再生箇所を指定します。再生箇所が chapter01.xhtml 内の id=”chp01-p025-01″ であった場合は次のようになります。

<par>
<text src="../doc/chapter01.xhtml#chp01-p025-01"/>
</par>

audio 要素も text 要素と同じく再生する音声ファイルを src 属性で指定します。

<par>
<audio src="../audio/chapter01/chp01-p025-01.m4a" clipBegin="0:00:00.000" clipEnd="00:00:06.608"/>
</par>

加えて clipBegin で音声ファイルの再生開始時間、clipEnd で再生終了時間を指定します。今回は1つの再生箇所につき1つの音声ファイルを用意したので、clipBegin は常に音声ファイルの最初から、clipEnd は音声ファイルの再生時間になります。

clipBegin と clipEnd の値は Appendix B. Examples of Clock Values – EPUB Media Overlays 3.0（http://idpf.org/epub/30/spec/epub30-mediaoverlays.html#app-clock-examples）にいくつかサンプルがあります。

今回のハマりどころの一つが clipEnd の取得でした。サウンド関連の知識がさっぱりなかったので、この値をどうやって取得するのかに頭を悩ましました。また再生箇所を細かく別けたので、それだけ音声ファイルが増え、一度に長さを取得する方法を探すのに苦労しました。

結果的に音声ファイルの再生時間の取得には黒羽製作所（http://kurohane.net/）が配布している Windows 用のソフトウェア『真空波動研Lite』を使うことで解決しました。『真空波動研Lite』は”つくりもの”の”生産物”のページからダウンロードできます。

ウィンドウに音声ファイルをドロップすると、すぐ解析が始まります。解析が終わったら全選択し、コピーします。

テキストエディタなどにペーストします。音声ファイルの様々な情報が得られます。あとはこの情報をエクセルなどで加工したら SMIL ファイルは簡単に作ることができると思います。

5)OPF ファイルの編集

次に、作成した音声ファイルや SMIL ファイルなどを OPF ファイルに追記します。

名前空間の追加

property 属性値で使用する接頭辞 media の名前空間を metadata 要素に追加します。

<metadata
...
xmlns:media="http://www.idpf.org/epub/vocab/overlays/#"
...
>

音声ファイルを item 要素に登録

manifest 要素下の item 要素に音声ファイルを記述します。EPUB3 を作成できる人には特に注意するところはありません。

<manifest>
...
<item id="chp01-h001-01" href="audio/chapter01/chp01-h001-01.m4a" media-type="audio/mpeg"/>
...
</manifest>

SMIL ファイルを item 要素に登録

音声ファイルと同様に SMIL ファイルを item 要素として登録します。

<manifest>
...
<item id="smil-chapter01" href="smil/chapter01.smil" media-type="application/smil+xml"/>
...
</manifest>

HTML 文書を SMIL の紐付け

すでに item 要素で記述されている HTML 文書と SMIL ファイルを紐付けます。HTML 文書を登録している item 要素に media-overlay 属性を加え、media-overlay 属性の値は該当する SMIL ファイルの item 要素にある id 属性値にします。

このことから1つのHTMLファイルにつき、SMILファイルは1つとなります。

修正前

<manifest>
...
<item id="chapter01" href="doc/chapter01.xhtml" media-type="application/xhtml+xml"/>
...
</manifest>

修正後

<manifest>
...
<item id="chapter01" href="doc/chapter01.xhtml" media-type="application/xhtml+xml" media-overlay="smil-chapter01"/>
...
</manifest>

SMIL ファイルの再生時間

metadata 要素下の meta 属性で各 SMIL ファイルの合計再生時間を記述します。

<metadata ...>
...
<meta property="media:duration" refines="#smil-title">0:00:11.808</meta>
...
</metadata>

property 属性値は media:duration、refines 属性値は SMIL ファイルを記述した item 要素の id 属性値を指定します。

合計再生時間

各 SMIL ファイルの再生時間に加え、全体の再生時間を記述します。この meta 要素には refines 属性はありません。

<metadata ...>
...
<meta property="media:duration">0:01:22.572</meta>
...
</metadata>

再生箇所のスタイルシート

リーディングシステムが Media Overlays を利用する時に、音声がどの箇所と同期しているのかを判断できるように視覚効果を与えることがあります。

作成者が任意の効果を与える為に、リーディングシステムが HTML 文書内の再生箇所に付与するスタイルシートのセレクタを指定できるようになっています。

metadata 要素下の meta 要素に property=”media:active-class” を与え、任意につけた値がセレクタになります。なおセレクタはクラスセレクタになるので、CSS ファイルに記述する時は「.meta値」となります。

<meta property="media:active-class">media-overlay-active</meta>

.media-overlay-active
{
background-color:#000;
color:#fff;
}

以上で Media Overlays に対応した EPUB3 の制作方法は終了です。

サンプル2：ASCANDALINBOHEMIA-voice.epub

6）iBooks 用にカスタマイズ

iBooks で Media Overlays を利用するには iBooks の独自拡張である Fixed Laytout モードにする必要があります。Fixed Laytout の EPUB にしないと音声をコントロールするメニューが表示されません。

xml ファイルの追加

Fixed Layout モードにするため、以下の内容を記述し、com.apple.ibooks.display-options.xml としたファイルを META-INF ディレクトリ以下に保存します。

<?xml version="1.0" encoding="utf-8"?>
<display_options>
<platform name="*">
<option name="fixed-layout">true</option>
</platform>
</display_options>

meta 要素の追加

HTML 文書に meta 要素で viewport を指定します。viewport はスマートフォン向けのサイトを作ったことがある方なら見たことがあると思います。content 属性の width と height の値は数値のみが有効になるようで、device-width や device-height を使用すると表示がおかしくなったので注意が必要です。

<meta name="viewport" content="width=552px, height=920px, user-scalable=no"/>

スタイルシートの追加

body
{
width: 552px;
height: 920px;
}

以上の処理で、iBooks で Media Overlays を利用した EPUB3 が完成しました。

サンプル3：ASCANDALINBOHEMIA-ibooks.epub

7)iBooks に最適化する追加の処理

iBooks の Fixed Layout モードはリフローをせず見た目の領域以外のコンテンツを表示してくれません。上のサンプルでは第一章、第二章、第三章、奥付の下が切れてしまい非表示のままです。

もっとも音声は非表示領域も再生し続けるので、オーディオブックとしての利用価値はあります。しかし再生している箇所とテキストを同期して表示できるのMedia Overlaysの利点を生かせません。

という理由でこれまで Media Overlays を利用した iBooks 用 EPUB3 は絵本などの固定レイアウトで破綻しないものが多かったのではないかと思います。

今回はあくまでテキストが主体の文芸。そして見た目や印刷書籍の再現を重視し、文章の途中で HTML を別けるといった選択はしません。

要はボックスから溢れているコンテンツが表示できればとりあえずの解決になるので、表示して欲しいコンテンツを内包している要素を CSS の overflow を利用し、スクロールして表示できるようにします。

サンプルはどれも section 要素に本文を収めています。この section 要素に CSS で overflow:scroll; を指定し、スクロール可能にします。

もちろんこれを推奨しているわけではなく、iBooks専用に暫定処置です。今回はあくまで試作ということで、こうしたサンプルを作りました。

この処理をした結果、1ページのコンテンツは上下スクロールで読み、次のページ（次のHTML）へは前後のコンテンツへは左右方向で移動するという印刷物にはあらざる挙動をします。

でも挙動に関してはこれで問題ないと思っています。作っているのは印刷書籍を模した電子書籍ではないので。

ちなみに Firefox のアドオンにある EPUBReader（http://www.epubread.com/en/）も似たような挙動をします。

サンプル4：ASCANDALINBOHEMIA-ibooks-cmp.epub

8)さらに拡張してみる

サンプル４はユーザーがスクロールすることで、コンテンツおよび音声再生箇所を見ることはできます。しかし望む挙動は音声再生時にコンテンツが自動的にスクロールし、再生箇所が常に画面内に収まることです。

何かしらの理由によりユーザーが画面をスクロールすることができない状況を想定し、対処する必要があるかと思います。

できれば再生箇所に割り当てられるセレクタを取得し、再生箇所が画面内に表示されるよう JavaScript などで処理できればよかったのですが、自分の力量が足りないのか制御できませんでした。

そこでかなり力技ですが CSS の position を用いて、再生箇所を抜き出し画面内に表示する方法で対応しました。

サンプル5：ASCANDALINBOHEMIA-ibooks-cmp2.epub

朗読音声を作ってみて

さて制作を終えて感想と反省です。

制作の動機は VOICEROID+ 結月ゆかりの声を聴いて、これなら少しの手間で TTS のあのロボットぽい音声より遥かに人間の声のように、かつ人の声を使うよりはるかに低コストで好きな時に好きなように朗読音声を得られるということでした。

ただ朗読音声を EPUB にパッケージするとファイルごとの容量が肥大します。OS やアプリケーションに内蔵された TTS はテキストを直接読み上げるので、この容量の問題や音声を作る手間を省いてくれますが、朗読というレベルにはまだ達していないと感じています。VOICEROID による音声作りは TTS と肉声の中間に位置するのではないでしょうか。

また TTS は読み間違えや意図とした通りに読んでくれないことが多々あります。作品によっては表記とは異なる読みをさせたい場合があります。それはどう技術的に対応したらよいのでしょう？

例えば「とある科学の超電磁砲」は「とある　かがく　の　ちょうでんじほう」とは読みません。「とある　かがく　の　れーるがん」です（もっとも表記と読みについては、人によって考え方もあるでしょうが）。

また VOICEROID+ を使って音声を調節している時に「はて、イントネーションはこれで正しいのか」や「読みはこれで良かったっけ」、「息継ぎは表読点とは違うな」などのように発見と苦労がありました。

そもそもサウンド関係の知識はさっぱりなく、また音声合成エンジンも使ったことがなかったので、コツを掴むまで何度も音声を作り直しましたが、いったんわかってくると大きな問題は発生しませんでした。

とは言うものの今回の試作品にも微妙なイントネーションな怪しい読み方をしているところが多くありますが。

まとめ

今回の主題は iBooks で再生できる Media Overlays を利用した EPUB3 の作成ではなく、音声合成エンジンで作った朗読音声でオーディオブックの代替は可能かの実験でした。

ただ iPhone や iPad は一定数が普及しており、また iBooks はデバイスに標準的に搭載されているリーディングシステムなので、試作品の再生環境として選択しました。

EPUB3 の仕様通りに再生してくれる環境があれば「サンプル2：ASCANDALINBOHEMIA-voice.epub」で作業は完了しているはずです。iBooks の Fixed Layout モードについてはここで言及はしませんが、Fixed Layout モードは視覚表現を優先したと思われる節があります。

以前からオーディオブックに興味はあったものの知識も少なく、オーディオブックに不可欠な音声を得るのが制作において大きな壁でした。しかし初音ミクに代表される VOCALOID という人格を得た音声合成エンジンの普及と認知、技術的な向上で、人が聴いても違和感の少ない合成音声を作る環境が個人に整ってきたように思えます。

また EPUB3 が  Media Overlays を仕様として盛り込み、スマートフォンを普通の人が持つ状況を創り上げた iPhone、それに続く Android 端末の普及により、汎用的な音声”でも”本を読むことのできる機器を多くの人がそれとは気が付かない内に所持している時代もそう遠くないのではないでしょうか。

最後に「音声付きの本」は必要なの？と疑問を持つ方もいるかもしれません。文字があるなら文字を読むよと思われるかもしれません。もしかしたら「音声付きの本」は今までしなかった読み方をする為のものかもしれません。移動中や他の作業をしている時、音声であれば明かりがなくても読めます、また手を使ってページをめくる必要がないので、寝る前や寝転がっている時に聴くのも良いでしょう。

「本を読む方法に新しい選択肢が増えた」というだけでも、こうした本を作る意味は十分にあるのではないかと思っています。

音声再生に対応した EPUB3 を iBooks で開くと、リフローの EPUB3 を開いた時とメニューが異なります。

音声を再生するには、再生を開始したいページを開き、スピーカーのアイコンを選択します。

「朗読を開始」を選択をすると音声が再生され、再生しているテキストに視覚効果が与えられます。

以下は”音声合成エンジン VOICEROID+ で作成した朗読音声とテキストを同期して再生する EPUB3 の試作品を作った － EPUB3、Media Overlays、VOICEROID+ －”で作成した EPUB3 です。

サンプル1

ASCANDALINBOHEMIA.epub（1.1MB）は Media Overlays に対応する前の EPUB3 ファイルです。

サンプル2

ASCANDALINBOHEMIA-voice.epub（63MB）は Media Overlays の仕様通りに作成した EPUB3 ファイルです。

サンプル3

ASCANDALINBOHEMIA-ibooks.epub（63MB）は iBooks の Fixed Layout モードに対応した EPUB3 ファイルです。iBooks 以外のリーディングシステムでは正常に表示できないと思います。

サンプル4

ASCANDALINBOHEMIA-ibooks-cmp.epub（63MB）はコンテンツ部分を CSS で overflow させ、Fixed Layout でありながら上下スクロールでコンテンツを見ることができる EPUB3 ファイルです。iBooks 向けです。

サンプル5

ASCANDALINBOHEMIA-ibooks-cmp2.epub（63MB）は音声再生箇所をポップアップで表示するよう CSS を調整した EPUB3 ファイルです。iBooks 向けです。

• EPUB 3 Structural Semantics Vocabulary【日本語訳】

The 機械翻訳なので日本語なのに理解に苦しむ箇所が多々あります。
なお、この日本語訳は参考で、公式な文書ではありません。翻訳・解釈の正確性を保証しておりませんので、注意してご利用ください。この資料を使って問題が発生しても私は一切の責任は持ちません。