• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
20120628_openend_ebookpro_mediverse_EPUB3_Audio_Video_Emb_FixedLayout
 

20120628_openend_ebookpro_mediverse_EPUB3_Audio_Video_Emb_FixedLayout

on

  • 707 views

 

Statistics

Views

Total Views
707
Views on SlideShare
661
Embed Views
46

Actions

Likes
0
Downloads
8
Comments
0

1 Embed 46

http://openend.co.jp 46

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    20120628_openend_ebookpro_mediverse_EPUB3_Audio_Video_Emb_FixedLayout 20120628_openend_ebookpro_mediverse_EPUB3_Audio_Video_Emb_FixedLayout Presentation Transcript

    • EPUB3技術解説セミナー2 ビデオ・オーディオ/固定レイアウト 2012年6月28日(木)15:00-16:40 境祐司 @commonstyle ¦ 電子書籍メディア論
    • profile YOUJI SAKAIInstructional Designer | eBook Designer 境祐司
    • BOOKS 最新刊ウェブレイアウトの EPUB3スタンダード Webデザイン基礎 教科書 デザインガイド 改訂3版
    • community 電子書籍メデ ア論 ィ http://www.facebook.com/eBookStrategy デザインの未来http://www.facebook.com/TheFutureDesign
    • テキスト
    • EPUB3技術解説セミナー2本日のテーマ: ビデオ オーディオ ・ 固定レイアウト
    • EPUB3技術解説セミナー2ビデオ オーディオ ・EPUB3 Video, Audio
    • EPUB3技術解説セミナー2EPUB3の仕様書を確認します
    • EPUB3技術解説セミナー2EPUB 3 ¦ International Digital Publishing Forum http://idpf.org/epub/30
    • EPUB3技術解説セミナー2コンテンツドキュメントの仕様を確認します EPUB Content Documents 3.0
    • EPUB3技術解説セミナー2 EPUB Content Documents 3.0http://idpf.org/epub/30/spec/epub30-contentdocs.html
    • EPUB3技術解説セミナー2 1.2.1 Relationship to HTML5http://idpf.org/epub/30/spec/epub30-contentdocs.html#sec-overview-relations-html
    • EPUB3技術解説セミナー2 1.2.1 Relationship to HTML5http://idpf.org/epub/30/spec/epub30-contentdocs.html#sec-overview-relations-html
    • EPUB3技術解説セミナー2HTML5の仕様書を確認します
    • EPUB3技術解説セミナー2 HTML5 http://www.w3.org/TR/html5/
    • EPUB3技術解説セミナー2video要素の仕様について確認します
    • EPUB3技術解説セミナー2 4.8.6 The video elementhttp://www.w3.org/TR/html5/the-video-element.html#the-video-element
    • EPUB3技術解説セミナー2 4.8.6 The video elementhttp://www.w3.org/TR/html5/the-video-element.html#the-video-element src crossorigin poster preload autoplay mediagroup loop muted controls width height
    • EPUB3技術解説セミナー2audio要素の仕様について確認します
    • EPUB3技術解説セミナー2 4.8.7 The audio elementhttp://www.w3.org/TR/html5/the-audio-element.html#the-audio-element
    • EPUB3技術解説セミナー2 4.8.7 The audio elementhttp://www.w3.org/TR/html5/the-audio-element.html#the-audio-element src crossorigin preload autoplay mediagroup loop muted controls
    • EPUB3技術解説セミナー2パッケージドキュメントの仕様を確認します EPUB Publications 3.0
    • EPUB3技術解説セミナー2 EPUB Publications 3.0http://idpf.org/epub/30/spec/epub30-publications.html
    • EPUB3技術解説セミナー2ビデオのメディアタイプを確認します
    • EPUB3技術解説セミナー2 5.1 Core Media Typeshttp://idpf.org/epub/30/spec/epub30-publications.html#sec-core-media-types
    • EPUB3技術解説セミナー2 5.1 Core Media Typeshttp://idpf.org/epub/30/spec/epub30-publications.html#sec-core-media-types
    • EPUB3技術解説セミナー2 5.1 Core Media Typeshttp://idpf.org/epub/30/spec/epub30-publications.html#sec-core-media-types Audio Type
    • EPUB3技術解説セミナー2ビデオのメディアタイプはありません
    • EPUB3技術解説セミナー2 5.1 Core Media Typeshttp://idpf.org/epub/30/spec/epub30-publications.html#sec-core-media-types
    • EPUB3技術解説セミナー2 5.1 Core Media Types http://idpf.org/epub/30/spec/epub30-publications.html#sec-core-media-typesNOTEThis specification does not define any video codecs as CoreMedia Types. Refer to the note in EPUB Publications ̶ ReadingSystem Conformance above for informative recommendationson support for video codecs in EPUB Publications. この仕様はビデオコーデックを定義していません
    • EPUB3技術解説セミナー2 5.1 Core Media Typeshttp://idpf.org/epub/30/spec/epub30-publications.html#sec-core-media-types
    • EPUB3技術解説セミナー2 5.1 Core Media Types http://idpf.org/epub/30/spec/epub30-publications.html#sec-core-media-typesNOTEIt is recommended that Reading Systems support at least one of the [H.264] and [VP8] video codecs, but this is not a conformance requirement; aReading System may support no video codecs at all. Content creators andReading System developers should take into consideration factors such asbreadth of adoption, video playback quality, and technology usage royaltyrequirements when making a choice to include or implement video in either(or potentially, both) formats.H.264 と VP8 ビデオコーデックの少なくとも一つをサポートすることが望ましい※適合要件ではありません
    • EPUB3技術解説セミナー2 H.264 VP8
    • EPUB3技術解説セミナー2なぜ、ビデオは定義されなかったのか?
    • EPUB3技術解説セミナー2ウェブで「ビデオ」 といえば、 Flash Video
    • EPUB3技術解説セミナー2 すべてのブラウザに対応IE Firefox Chrome Safari Opera
    • EPUB3技術解説セミナー2 HTML5 Videoは?IE Firefox Chrome Safari Opera
    • EPUB3技術解説セミナー2HTML5版のYouTubeで試してみよう
    • EPUB3技術解説セミナー2
    • EPUB3技術解説セミナー2 HTML5版のYouTube
    • EPUB3技術解説セミナー2Flash版YouTubeの場合、以下のURLで切り替える http://www.youtube.com/html5
    • EPUB3技術解説セミナー2HTML5版のYouTubeで試してみよう Safari
    • EPUB3技術解説セミナー2
    • EPUB3技術解説セミナー2 動画タグ h.264 WebM
    • EPUB3技術解説セミナー2HTML5版のYouTubeで試してみよう Chrome
    • EPUB3技術解説セミナー2
    • EPUB3技術解説セミナー2 動画タグ h.264 WebM
    • EPUB3技術解説セミナー2HTML5版のYouTubeで試してみよう Firefox
    • EPUB3技術解説セミナー2
    • EPUB3技術解説セミナー2 動画タグ h.264 WebM
    • EPUB3技術解説セミナー2ブラウザによってサポートしている ビデオフォーマットが異なる!
    • EPUB3技術解説セミナー2ブラウザについて確認しておこう
    • EPUB3技術解説セミナー2 BrowserIE Firefox Chrome Safari Opera
    • EPUB3技術解説セミナー2 Browser rendering engine IE Firefox Chrome Safari OperaTrident Gecko WebKit WebKit Presto
    • EPUB3技術解説セミナー2HTML5 ビデオのサポートは?
    • EPUB3技術解説セミナー2MPEG-4 9.0+ - - 3.0+ - Ogg - 3.5+ 5.0+ - 10.50+WebM 9.0+ 4.0+ 6.0+ - 10.60+ VP8コーデック必要
    • EPUB3技術解説セミナー2MPEG-4 9.0+ - - 3.0+ - Ogg - 3.5+ 5.0+ - 10.50+WebM 9.0+ 4.0+ 6.0+ - 10.60+ VP8コーデック必要
    • EPUB3技術解説セミナー2 iOS AndroidMPEG-4 3.0+ 2.0+ Ogg - -WebM - -
    • EPUB3技術解説セミナー2この状況では、EPUB3の仕様で 定義できない!
    • EPUB3技術解説セミナー2 5.1 Core Media Types http://idpf.org/epub/30/spec/epub30-publications.html#sec-core-media-typesNOTEIt is recommended that Reading Systems support at least one of the [H.264] and [VP8] video codecs, but this is not a conformance requirement; aReading System may support no video codecs at all. Content creators andReading System developers should take into consideration factors such asbreadth of adoption, video playback quality, and technology usage royaltyrequirements when making a choice to include or implement video in either(or potentially, both) formats.H.264 と VP8 ビデオコーデックの少なくとも一つをサポートすることが望ましい※適合要件ではありません
    • EPUB3技術解説セミナー2 H.264 VP8
    • EPUB3技術解説セミナー2ビデオファイル
    • EPUB3技術解説セミナー2ビデオファイル Video Container
    • EPUB3技術解説セミナー2ビデオファイル MetadataVideo codecAudio codec
    • EPUB3技術解説セミナー2 ビデオコンテナMEPG-4 AVI FLV .mp4 .m4v .avi .flv Ogg WebM .ogv .webm
    • EPUB3技術解説セミナー2 ビデオコンテナ Metadata Metadata MetadataVideo codec Video codec Video codecAudio codec Audio codec Audio codec Metadata Metadata Video codec Video codec Audio codec Audio codec
    • EPUB3技術解説セミナー2 ビデオコンテナMPEG-4 Ogg WebM.mp4 .m4v .ogv .webm
    • EPUB3技術解説セミナー2 ビデオコンテナ (メタデータ)Metadata Metadata MetadataMPEG-4 Ogg WebM.mp4 .m4v .ogv .webm
    • EPUB3技術解説セミナー2 ビデオコンテナ (メタデータ + ビデオコーデック)Metadata Metadata Metadata H.264 Theora VP8MPEG-4 Ogg WebM.mp4 .m4v .ogv .webm
    • EPUB3技術解説セミナー2 ビデオコンテナ(メタデータ + ビデオコーデック + オーディオコーデック) Metadata Metadata Metadata H.264 Theora VP8 AAC Vorbis Vorbis MPEG-4 Ogg WebM .mp4 .m4v .ogv .webm
    • EPUB3技術解説セミナー2 Theora セオラ http://theora.org/
    • EPUB3技術解説セミナー2 Vorbis ボルビス http://www.vorbis.com/
    • EPUB3技術解説セミナー2 WebM ウェブエム http://www.webmproject.org/
    • EPUB3技術解説セミナー2 AAC Advanced Audio Coding http://www.audiocoding.com/
    • EPUB3技術解説セミナー2EPUB3ではどのフォーマットを 使用すればよい?
    • EPUB3技術解説セミナー2 iBookshttp://itunes.apple.com/jp/app/ibooks/id364709193?mt=8
    • EPUB3技術解説セミナー2 iBookshttp://itunes.apple.com/jp/app/ibooks/id364709193?mt=8 商用目的の場合
    • EPUB3技術解説セミナー2 ビデオコンテナ(メタデータ + ビデオコーデック + オーディオコーデック) Metadata Metadata Metadata H.264 Theora VP8 AAC Vorbis Vorbis MPEG-4 Ogg WebM .mp4 .m4v .ogv .webm
    • EPUB3技術解説セミナー2 Readium http://readium.org/
    • EPUB3技術解説セミナー2 ビデオコンテナ(メタデータ + ビデオコーデック + オーディオコーデック) Metadata Metadata Metadata H.264 Theora VP8 AAC Vorbis Vorbis MPEG-4 Ogg WebM .mp4 .m4v .ogv .webm
    • EPUB3技術解説セミナー2ビデオ埋め込みの電子書籍EPUB3 Enhanced eBook
    • EPUB3技術解説セミナー2 epub-sampleshttp://code.google.com/p/epub-samples/downloads/list
    • EPUB3技術解説セミナー2 cc-shared-culture-20120130.epubCreative Commons A Shared Culture with various permutations of video, audio (see TOC for details)
    • EPUB3技術解説セミナー2
    • EPUB3技術解説セミナー2
    • EPUB3技術解説セミナー2
    • EPUB3技術解説セミナー2 shared-culture.mp4
    • EPUB3技術解説セミナー2MPEG-4 9.0+ - - 3.0+ - Ogg - 3.5+ 5.0+ - 10.50+WebM 9.0+ 4.0+ 6.0+ - 10.60+ VP8コーデック必要
    • EPUB3技術解説セミナー2
    • EPUB3技術解説セミナー2 shared-culture.webm
    • EPUB3技術解説セミナー2MPEG-4 9.0+ - - 3.0+ - Ogg - 3.5+ 5.0+ - 10.50+WebM 9.0+ 4.0+ 6.0+ - 10.60+ VP8コーデック必要
    • EPUB3技術解説セミナー2
    • EPUB3技術解説セミナー2 shared-culture.webm
    • EPUB3技術解説セミナー2MPEG-4 9.0+ - - 3.0+ - Ogg - 3.5+ 5.0+ - 10.50+WebM 9.0+ 4.0+ 6.0+ - 10.60+ VP8コーデック必要
    • EPUB3技術解説セミナー2 iPad
    • EPUB3技術解説セミナー2 iPad
    • EPUB3技術解説セミナー2 iPad
    • EPUB3技術解説セミナー2
    • EPUB3技術解説セミナー2
    • EPUB3技術解説セミナー2
    • EPUB3技術解説セミナー2
    • EPUB3技術解説セミナー2
    • EPUB3技術解説セミナー2
    • EPUB3技術解説セミナー2
    • EPUB3技術解説セミナー2
    • EPUB3技術解説セミナー2<video id="video1" controls="controls"> <source src="../video/shared-culture.mp4" type="video/mp4"/> <source src="../video/shared-culture.webm" type="video/webm"/> <div class="errmsg">  <p>Your Reading System does not support (this) video.</p>  <pre><code>   &lt;video id="video1" controls="controls"&gt;    &lt;source src="../video/shared-culture.mp4" type="video/mp4"/&gt;    &lt;source src="../video/shared-culture.webm" type="video/webm"/&gt;   &lt;/video&gt;  </code></pre> </div></video>
    • EPUB3技術解説セミナー2<video id="video1" controls="controls"><source src="video.mp4" type="video/mp4"/><source src="video.webm" type="video/webm"/></video>
    • EPUB3技術解説セミナー2 iPad
    • EPUB3技術解説セミナー2 DL Reader
    • EPUB3技術解説セミナー2 Kinoppy
    • EPUB3技術解説セミナー2iPad DL Reader
    • EPUB3技術解説セミナー2<video id="video1" controls="controls"> <source src="../video/shared-culture.mp4" type="video/mp4"/> <source src="../video/shared-culture.webm" type="video/webm"/> <div class="errmsg">  <p>Your Reading System does not support (this) video.</p>  <pre><code>   &lt;video id="video1" controls="controls"&gt;    &lt;source src="../video/shared-culture.mp4" type="video/mp4"/&gt;    &lt;source src="../video/shared-culture.webm" type="video/webm"/&gt;   &lt;/video&gt;  </code></pre> </div></video>
    • EPUB3技術解説セミナー2<video id="video1" controls="controls"> <source src="../video/shared-culture.mp4" type="video/mp4"/> <source src="../video/shared-culture.webm" type="video/webm"/> <div class="errmsg">  <p>Your Reading System does not support (this) video.</p>  <pre><code>   &lt;video id="video1" controls="controls"&gt;    &lt;source src="../video/shared-culture.mp4" type="video/mp4"/&gt;    &lt;source src="../video/shared-culture.webm" type="video/webm"/&gt;   &lt;/video&gt;  </code></pre> </div> 代替情報</video>
    • EPUB3技術解説セミナー2iPad DL Reader 代替情報
    • EPUB3技術解説セミナー2その他のリーディングシステムは?
    • EPUB3技術解説セミナー2Adobe Digital Editions 1.8
    • EPUB3技術解説セミナー2Androidの環境では?
    • EPUB3技術解説セミナー2 OverDrive 表示されない
    • EPUB3技術解説セミナー2 Kinoppy 表示されない
    • EPUB3技術解説セミナー2 ASTRI-Bee ビデオは表示されるが 再生しない
    • EPUB3技術解説セミナー2 DL Reader 代替情報が表示される
    • EPUB3技術解説セミナー2 Moon+ Reader Pro 代替情報が表示される
    • EPUB3技術解説セミナー2 FBReader 代替情報が表示される
    • EPUB3技術解説セミナー2 Aldiko 代替情報が表示される
    • EPUB3技術解説セミナー2 Himawari Reader Pro
    • EPUB3技術解説セミナー2 Himawari Reader Pro 外部の動画プレーヤーが起動して再生される著作権保護機能でスクリーンショットは撮れないが、問題なく再生されている
    • EPUB3技術解説セミナー2 Android環境では今のところビデオ埋め込み電子書籍は難しい EPUB3
    • EPUB3技術解説セミナー2 iBookshttp://itunes.apple.com/jp/app/ibooks/id364709193?mt=8
    • EPUB3技術解説セミナー2 Readium http://readium.org/
    • EPUB3技術解説セミナー2 ビデオ埋め込みの電子書籍 EPUB3 Enhanced eBookパッケージドキュメントに追加する
    • EPUB3技術解説セミナー2
    • EPUB3技術解説セミナー2
    • EPUB3技術解説セミナー2 package.opf
    • EPUB3技術解説セミナー2 package.opf<manifest> <item id="video1" href="video.mp4" media-type="video/mp4"/> <item id="video2" href="video.webm" media-type="video/webm"/></manifest>
    • EPUB3技術解説セミナー2ビデオの変換方法
    • EPUB3技術解説セミナー2Miro Video Converterhttp://www.mirovideoconverter.com/
    • EPUB3技術解説セミナー2Miro Video Converterhttp://www.mirovideoconverter.com/
    • EPUB3技術解説セミナー2Miro Video Converterhttp://www.mirovideoconverter.com/
    • EPUB3技術解説セミナー2iBookstoreから電子書籍を ダウンロードしてみよう
    • EPUB3技術解説セミナー2 iBooks
    • EPUB3技術解説セミナー2 iBooks
    • EPUB3技術解説セミナー2
    • EPUB3技術解説セミナー2 iBooks
    • EPUB3技術解説セミナー2 iBooks
    • EPUB3技術解説セミナー2
    • EPUB3技術解説セミナー2 これってEPUB?
    • EPUB3技術解説セミナー2固定レイアウトFixed-Layout
    • EPUB3技術解説セミナー2 Fixed-Layoutテキストや図版を 画像化した 絶対配置 紙面を配置
    • EPUB3技術解説セミナー2 テキストや図版を絶対配置・座標値を指定してテキストや図版を配置する方法・文字サイズは固定されているものが多い リーディングシステム側で文字サイズの変更ができない・電子書籍のデータサイズは、 リフロー形式の電子書籍とあまり変わらない・テキストの選択や本文検索などは実行できる
    • EPUB3技術解説セミナー2 iPad at Work Volume 2 Apple iBookstore
    • EPUB3技術解説セミナー2 画像化した紙面を配置・DTPデータからイメージ変換する方法・もしくは、印刷物を取り込み、補正する方法・コミックや写真集、絵本などは、JPEG、PNGなどの ラスターグラフィックスが多い・雑誌や凝ったレイアウトの実用書などは、PDFが多い・リフロー形式やテキストや図版を絶対配置する方式と 比較した場合、データサイズが大きくなってしまう
    • EPUB3技術解説セミナー2There Was an Old Monkey Who Swallowed a FrogAmazon Kindle Store 固定レイアウト(Kindle Format 8)
    • EPUB3技術解説セミナー2 画像化した紙面を配置・DTPデータからイメージ変換する方法・もしくは、印刷物を取り込み、補正する方法・コミックや写真集、絵本などは、JPEG、PNGなどの ラスターグラフィックスが多い・雑誌や凝ったレイアウトの実用書などは、PDFが多い・リフロー形式やテキストや図版を絶対配置する方式と 比較した場合、データサイズが大きくなってしまう
    • EPUB3技術解説セミナー2 Countrys Best Cabins Amazon Kindle Store プリントレプリカ
    • EPUB3技術解説セミナー2固定レイアウトの検証環境
    • EPUB3技術解説セミナー2 Readium http://readium.org/
    • EPUB3技術解説セミナー2 Readium
    • EPUB3技術解説セミナー2 Readium
    • EPUB3技術解説セミナー2 Readium
    • EPUB3技術解説セミナー2 Readium
    • EPUB3技術解説セミナー2 Himawari Reader Pro Androidhttps://play.google.com/store/apps/details?id=jp.green_fld.himawari.pro
    • EPUB3技術解説セミナー2 Himawari Reader Pro Androidhttps://play.google.com/store/apps/details?id=jp.green_fld.himawari.pro
    • EPUB3技術解説セミナー2Readium mobile Chorme for Android 4.0 http://github.readium.org/
    • EPUB3技術解説セミナー2公開されているEPUB3固定レイアウトのサンプル epub-samples http://code.google.com/p/epub-samples/ ダウンロードリスト http://code.google.com/p/epub-samples/downloads/list
    • EPUB3技術解説セミナー2 EPUB 3 Fixed-Layout Documents・IDPFの情報文書(Informational Document)・IDPF EPUB working group が作成・2012年3月13日、IDPF 理事会によって承認
    • EPUB3技術解説セミナー2EPUB 3 Fixed-Layout Documents 対応付け 機能 領域
    • EPUB3技術解説セミナー2EPUB 3 Fixed-Layout Documentsプロパティ Prefixマッピング・rendition:layout・rendition:orientation コンテント・rendition:spread ディメンションズ・page-spread-*
    • EPUB3技術解説セミナー2 Prefixマッピング Prefix Mapping prefix属性で URI http://www.idpf.org/vocab/rendition/# にマッピング<package …prefix="rendition: http://www.idpf.org/vocab/rendition/#"></package>
    • EPUB3技術解説セミナー2 コンテント・ディメンションズ Content dimensions meta要素のviewportで指定<head><meta name="viewport" content="width=1200, height=600" /></head><head><meta name="viewport" content="width=512, height=600" /></head>
    • EPUB3技術解説セミナー2プロパティの定義Property Definitions・リフロー/ページ区切りの指定・スクリーンの方向(縦・横)・見開きの指定・見開きの配置指定(左・右・中央)
    • EPUB3技術解説セミナー2プロパティの定義Property Definitions・rendition:layout プロパティ・rendition:orientation プロパティ・rendition:spread プロパティ・page-spread-* プロパティ
    • EPUB3技術解説セミナー2コンテント・ディメンションズContent dimensionsmeta要素のviewportで指定PrefixマッピングPrefix Mappingprefix属性で URIhttp://www.idpf.org/vocab/rendition/# にマッピングプロパティの定義Property Definitions
    • EPUB3技術解説セミナー2page-blanche-20120314.epub
    • EPUB3技術解説セミナー2page-blanche-20120314.epub 解凍
    • EPUB3技術解説セミナー2page-blanche-20120314.epub
    • EPUB3技術解説セミナー2page-blanche-20120314.epub
    • EPUB3技術解説セミナー2page-blanche-20120314.epub
    • EPUB3技術解説セミナー2page-blanche-20120314.epub
    • EPUB3技術解説セミナー2 page-blanche-20120314.epubパッケージドキュメント(.opf)
    • EPUB3技術解説セミナー2page-blanche-20120314.epub
    • EPUB3技術解説セミナー2 page-blanche-20120314.epubEPUB 3 Fixed-Layout Documentsプロパティ Prefixマッピング・rendition:layout・rendition:orientation コンテント・rendition:spread ディメンションズ・page-spread-*
    • EPUB3技術解説セミナー2 page-blanche-20120314.epubコンテンツキュメント(.xhtml)
    • EPUB3技術解説セミナー2page-blanche-20120314.epub 6ページ目のXHTMLファイル
    • EPUB3技術解説セミナー2 page-blanche-20120314.epubEPUB 3 Fixed-Layout Documentsプロパティ Prefixマッピング・rendition:layout・rendition:orientation コンテント・rendition:spread ディメンションズ・page-spread-*
    • EPUB3技術解説セミナー2 page-blanche-20120314.epubパッケージドキュメント(.opf)
    • EPUB3技術解説セミナー2page-blanche-20120314.epub
    • EPUB3技術解説セミナー2 rendition:layout プロパティ・reflowable(リフロー)・pre-paginated(ページ区切り)
    • EPUB3技術解説セミナー2page-blanche-20120314.epub
    • EPUB3技術解説セミナー2rendition:orientation プロパティ・landscape(横方向)・portrait(縦方向)・auto(制限なし)
    • EPUB3技術解説セミナー2page-blanche-20120314.epub
    • EPUB3技術解説セミナー2rendition:spread プロパティ・none・landscape(横方向のみ)・portrait(縦方向のみ)・both(横方向・縦方向)・auto(制限なし)
    • EPUB3技術解説セミナー2
    • EPUB3技術解説セミナー2
    • EPUB3技術解説セミナー2 Double Pages
    • EPUB3技術解説セミナー2
    • EPUB3技術解説セミナー2例:ランドスケープモード(横向き)にすると見開きで表示されるランドスケープモード(横向き)では、見開きではなく、シングルページの拡大表示で読みたい、という読者もいる
    • EPUB3技術解説セミナー2読者が、シングルページ、ダブルページ(見開き)を自由に選択できたほうがよい場合もある
    • EPUB3技術解説セミナー2 page-spread-* プロパティ・page-spread-left プロパティ(左側に配置)・page-spread-right プロパティ(右側に配置)・rendition:page-spread-center(中央に配置)
    • EPUB3技術解説セミナー2 page-spread-* プロパティ<itemref id="titlepage"properties="page-spread-rightrendition:layout-pre-paginated"/> タイトルページは右側に配置する
    • EPUB3技術解説セミナー2 page-spread-* プロパティ<itemref id="titlepage"properties="page-spread-rightrendition:layout-pre-paginated"/>spine itemref要素でこのように指定してもよい
    • EPUB3技術解説セミナー2 補足<meta property="rendition:layout">pre-paginated</meta><itemref id="titlepage"properties="page-spread-rightrendition:layout-pre-paginated"/>
    • EPUB3技術解説セミナー2EPUB 3 Fixed-Layout Documents Appendix A. Examples http://idpf.org/epub/fxl/#examples
    • EPUB3技術解説セミナー2 Example 1・固定レイアウト・横向きでは合成された見開き・縦向きでは見開きにしない
    • EPUB3技術解説セミナー2 Example 1
    • EPUB3技術解説セミナー2 Example 2・固定レイアウト・合成された見開きにしない・横向きで固定
    • EPUB3技術解説セミナー2 Example 2
    • EPUB3技術解説セミナー2 Example 3・リフローのコンテンツ・タイトルページだけ固定レイアウト・合成された見開きを表示するときは 右側に配置
    • EPUB3技術解説セミナー2 Example 3
    • EPUB3技術解説セミナー2 Example 5・リフローのコンテンツ・固定レイアウトの 右配置ページと左配置ページを 合成された見開きページとして表示・リフローのページも見開き表示のまま
    • EPUB3技術解説セミナー2 Example 5
    • EPUB3技術解説セミナー2 Example 7・固定レイアウト・横向きでは合成された見開き・縦向きでは見開きにしない・進行方向は右から左(日本のマンガ)
    • EPUB3技術解説セミナー2 Example 7
    • EPUB3技術解説セミナー2
    • EPUB3技術解説セミナー2
    • EPUB3技術解説セミナー2本日のテーマ: ビデオ オーディオ ・ 固定レイアウト
    • EPUB3の最新情報はIDPFのサイトで確認してください http://idpf.org/
    • Thank you for your attention. ご清聴ありがとうございました
    • EPUB3技術解説セミナー2 ビデオ・オーディオ/固定レイアウト 2012年6月28日(木)15:00-16:40 境祐司 @commonstyle ¦ 電子書籍メディア論
    • community 電子書籍メデ ア論 ィ http://www.facebook.com/eBookStrategy デザインの未来http://www.facebook.com/TheFutureDesign