【作り方】動画の電子書籍の埋め込み(ePUB,Html,PDF)

電子書籍

動画の電子書籍に興味があるので、調べたことをまとめてみます。

noteでgifがアップロードできない事件があってよりやってみようかなとなりました。

【作り方】動画の電子書籍の埋め込み(ePUB,Html,PDF)

ePUBとHtml

軽くテストしたところ次のことはわかりました。

  • ePUBはgifやmp4の動画の再生は可能です。
  • Htmlはgifやmp4の動画の再生は可能です。

実際に少しだけ試してみました。

GifはHtmlなら動きます。markdownは画像の貼り方と一緒のようです。

![gif](./theme/video/test.gif)
![ビデオ](./theme/video/test.mp4)

ただ、いろいろパラメーターを追加したかったので、普通に書きました。

<video src="./theme/video/test.mp4" width="100%" poster="./theme/images/default.png" controls>
</video>

上記のように書くとhtmlはOKなんですけど、ePUBではエラーがでます。Apple Booksで検証しました。

this page contains the following errors

そこで次のように書き直したらうまくいきました。controlsは省略した書き方は禁止のようですね。

<video src="./theme/video/test.mp4" width="100%" poster="./theme/images/default.png" controls="true">
</video>

あと、preload=”none”をつけちゃうとビデオの中央などをクリックしたとき再生されないようです。

ePUBとhtmlの使い分け

つまりePubやHtmlの電子書籍ならいける気がします。個人的に印刷しなければ、もうHtmlでいいんじゃないの?って思っているところもややあります。

ただ、ePUBの利点はないのでしょうか。調べたところ、AndroidはともかくiPhoneやiPadはhtmlに最適なビューアーがありませんね。またなぜかGoogleドライブやDropboxからHtmlを開く手法もサポートが終了していました。。個人的にePUBはあまり好きなフォーマットではないのですけど、だからePUBも必要そうです。。

逆にPCはePUBのビューアーが少ないです。ブラウザでは開けません。Htmlなら、WindowsやMacのブラウザでみれるためhtmlでよしです。

つまり両方必要そうです。

Androidはmoon readerという万能リーダーがあります。

gifとmp4はどっち?

  • gifはどうしても画像の劣化などが言われるますからmp4でしょうか。
  • またmp4なら音声も入れられます。
  • mp4ならコントローラーがあるため一時停止が容易です。
  • 容量的にもmp4でしょうか。

Googleもgifよりmp4と言っていた記事は見ましたし、Twitterはgifであげても内部的にmp4に変換しています。

PDFでGifやMP4は?

PDFはGIFに非対応なんです。Adobe Acrobat Proは動画フォーマット(.movや.mp4)に対応しているようですが、容量などいろいろ課題があるようです。。

では埋め込みではなくリンクを次に考えますよね。ローカルリンクと外部リンクがあります。

また詳しく検証していないのでわかりませんがローカル環境の相対パスもやや問題がありそうです。

余談ですけどsurfaceさん、いろいろなことにお答えになるんですね😳

まあ、知っているかぎりGoogleよりマイクロソフトの方が顧客対応は丁寧な企業なんですけど…。

結局、画像にして外部リンクみたいなやり方が現実的なんですかね?

スポンサーリンク

gifやmp4で再生ボタンをつける

CSSのみでもできるみたいですね。

あるいはGiffferを使っているか。トリガーもマウスオーバーにしている人も。

mp4はいつか追加します。。

スポンサーリンク

動画の電子書籍、容量の上限は?

電子書籍ストアごとに決まりがあるようです。

たとえば、技術同人誌で有名なbooth。追加もできますし十分な容量ですかね。

1つのショップで商品登録の際にアップロードできるデータ容量は合計10GBまでです。
BOOTH Apps 容量追加をご利用いただくと、アップロードできるファイルの総容量が10GBから100GBとなります。

https://booth.pixiv.help/hc/ja/articles/230690347-%E3%83%80%E3%82%A6%E3%83%B3%E3%83%AD%E3%83%BC%E3%83%89%E5%95%86%E5%93%81%E3%81%A7-1%E3%81%A4%E3%81%AE%E3%82%B7%E3%83%A7%E3%83%83%E3%83%97%E3%81%A7%E3%82%A2%E3%83%83%E3%83%97%E3%83%AD%E3%83%BC%E3%83%89%E3%81%A7%E3%81%8D%E3%82%8B%E3%83%87%E3%83%BC%E3%82%BF%E5%AE%B9%E9%87%8F%E3%81%AE%E5%88%B6%E9%99%90%E3%81%AF%E3%81%82%E3%82%8A%E3%81%BE%E3%81%99%E3%81%8B-#:~:text=1%E3%81%A4%E3%81%AE%E3%82%B7%E3%83%A7%E3%83%83%E3%83%97%E3%81%A7%E5%95%86%E5%93%81,10GB%E3%81%8B%E3%82%89100GB%E3%81%A8%E3%81%AA%E3%82%8A%E3%81%BE%E3%81%99%E3%80%82

そして、アマゾンのキンドル。

アップロードできる電子書籍の原稿ファイルの最大サイズは 650 MB です。KDP ではこのサイズまでの Word 文書 (doc および docx)、MOBI、EPUB、HTML、および PDF ファイルを変換できます。

https://kdp.amazon.co.jp/ja_JP/help/topic/G200730380#:~:text=%E3%82%A2%E3%83%83%E3%83%97%E3%83%AD%E3%83%BC%E3%83%89%E3%81%A7%E3%81%8D%E3%82%8B%E9%9B%BB%E5%AD%90%E6%9B%B8%E7%B1%8D%E3%81%AE,%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%82%92%E5%A4%89%E6%8F%9B%E3%81%A7%E3%81%8D%E3%81%BE%E3%81%99%E3%80%82

動画の電子書籍の場合、ファイル分割などが言われます。

まあ、自サイトでstripeなどで販売するなら問題ないんですかね。

スポンサーリンク

Kindle in Motionは進展がない!?

余談だが、kindleには Kindle in Motionがあるようです。アマゾンのサイトをみてのとおり、イラストが動いています。2016年ごろにはじまったようです。

ただ、その後、忘れ去られたのでしょうか。一般向きに作られている話は聞きませね。

ちなみにkindleはmp4になっています。

.mp4

https://kdp.amazon.co.jp/ja_JP/help/topic/GCRRGQL2SPQXYXD4#video

参考になれば幸いです。

コメント

タイトルとURLをコピーしました