「ぱらぱらブック」制作無料ASPサービス

制作例1

 A  B  C  D  E
8P 右綴じ 8P 左綴じ+動画 10P 左綴じ ヨコ 10P 左綴じ
ヨコ見開き修正版
14P 左綴じ

制作例2

1 1 1
動画ページ有り 16P 見開き NetColleperと組み合わせ
検索、ページ収集対応

ページの差し替え

■ ページ画像の差し替え
適当なパターンをダウンロードして、page_imgs フォルダーの画像を入れ替えて完了
■ ページの入れ替え
page.xml の <page 行を入れ替えて完了

動画ページを挿入

■ 動画(swf)を準備する
page.xml の <page src='page_imgs/001.swf' preLoad='true' /> でswf を指定
■ サンプルについて
  1. 携帯で動画撮影 3gp → swf へ変換(ffmpeg)、

    変換方法

  2. 事前に準備したぱらぱらブックの page_imgs に保存
  3. swf のサイズにjpgのサイズを調整する
  4. デモ (携帯でとった動画のサイズが小さいの、JPGを縮小)
  5. サンプルソースのダウンロード→ ソース

見開きのカスタマイズ

■タテ用の swf と 見開き用の swf は同じ名前ですが、 内容は違いますので、注意してください(右ボタン→保存)。
■下図のようなPDFをそのまま「ぱらぱらブック」ASPを利用すると、
6 6
見開き部分が正常に表示されません。
■修正後のファイルをダウンロードして、参考にして、オリジナルのpage.xmlファイルを修正してください。
page.xml を修正して、見開き表示に変更

修正前ファイルダウンロード
修正後ファイルダウンロード

修正後サンプル →
6
修正後のpage.xml
<content width='363' height='512' hcover='false' transparency='true' bind='left' pages='8' ttl='PageFlip'> <page src='page_imgs/1.jpg' preLoad='true' />
<page src='page_imgs/2.jpg' preLoad='true' isSpread='true'/> // isSpread 追加
<page src='page_imgs/2.jpg' preLoad='true' isSpread='true'/> // 行追加
<page src='page_imgs/3.jpg' preLoad='true' isSpread='true'/>
<page src='page_imgs/3.jpg' preLoad='true' isSpread='true'/>
<page src='page_imgs/4.jpg' preLoad='true' isSpread='true'/>
<page src='page_imgs/4.jpg' preLoad='true' isSpread='true'/>
<page src='page_imgs/5.jpg' preLoad='true' />
</content>
pages='8' として、見開きをそれぞれにカウントする
isSpread は見開き表示のパラメータ、隣り合う偶数ページと奇数ページと同じにする

■その他の見開きパターン
a. 全ページA4ヨコ見開き
修正前「ぱらぱらブック」 修正前ソース 修正後「ぱらぱらブック」 修正後ソース
7
page.xml 書き換え、content width='723' page='16' → content width='362' page='31' に変更
<page src='page_imgs/02.jpg' preLoad='true' isSpread="true" /> を各ページ行追加
見開き対応 pageflip.swf を使用
b. 最終ページと最初のページが1ページのPDF(裏表紙と表紙が1ページのPDF)
修正前「ぱらぱらブック」 修正前ソース 修正後「ぱらぱらブック」 修正後ソース
8
page.xml 書き換え、content width='723' height='512' → content width='362' page='22' に変更
<page src='page_imgs/02.jpg' preLoad='true' isSpread="true" /> を各ページ行追加
<page src='page_imgs/01.jpg' /> 行追加
01.jpg を 00.jpg にコピーして最終ページ領域を消す。
見開き対応 pageflip.swf を使用

Q&A

□ PDFファイルがアップロードできない
PDFのファイル名は、英数半角小文字でお願いします。
ファイル名に日本語が含まれる場合、アップロードを受け付けないことがあります。
□ 日本語が表示されない
PDFに日本語が埋め込まれていないと変換できなかったり、文字化けすることがあります。
PDFに日本語を埋め込むかアウトラインを取って再度生成して下さい。
□ 16ページを超えるPDFを生成したい
無料ASPサービスのため、行っておりません。 16ページまでにPDFを分割してそれぞれに生成して、各ソースをダウンロード後結合することで可能となります。
□ 正常にぱらぱらめくれない
Adobe 社のFlash Player V8 以上が必要です。
Flash playerからダウンロードしてください。
□ Macintosh で正常にぱらぱらめくれない
Macintoshのブラウザのバージョンにより正常に表示されないことがあります。
Firefox2 以上をお勧めします。
□ 左下の「PageFlip ぱらぱらbook」を変更したい
ダウンロード後 pages.xml の1行目 ttl='PageFlip ぱらぱらbook' の 「PageFlip ぱらぱらbook」を適当な文言にしてください。
修正したファイルを UTF-8 で保存して完了です。
□ HTMLの「PageFlip Title」を変更したい
ダウンロード後 index.htmのタイトルタグを修正してください。
修正したファイルを UTF-8 で保存して完了です。
□ 生成されたぱらぱらブックを修正したい
ダウンロード後 html を変更することは可能ですが、swfそのものの変更はできません。
swfを修正したい場合は、
http://76design.com/shiftcontrol/index.php/2005/07/03/dynamic-page-flip/
にソースファイルがありますので、これをカスタマイズしてください。
□ Dynamic PageFlip V2 の修正方法を知りたい
本ページの右側のメニュウに Dynamic PageFlip V2 (基本)、(応用)、などがありますので。参照してください。
□ 生成されたぱらぱらブックのページを修正したい
ダウンロード後ページごとのJPGがありますので、それを入れ替えてください。
□ ぱらぱらブックをHPにリンクしたい
ダウンロードして解凍しますと、「index.htm」がありますので、これの名前を変更してサーバに アップロード後、そのhtmlファイルにリンクを貼れば可能です。
弊社サイトへのリンクは禁止しておりますので、必ず自分のぱらぱらブックをダウンロードリンクしてください。
□ 横長のPDFをぱらぱらブックに変換したい
横長のPDF(A4ヨコ等)は、ヨコに2枚表示されますので、表示領域内に収まりません。
本ASPサービスでは対応しておりません。データ作成後、ダウンロードしたファイルのカスタマイズに より対応可能です。
□ 見開きのページを作成したい
個別にカスタマイズで可能ですが、本お試しサイトでは対応しておりません。
ダウンロードしたファイルの page.xml を 「見開きのカスタマイズ」を参考に編集してください。
□ 動画ページを挿入したい
個別にカスタマイズで可能ですが、本お試しサイトでは対応しておりません。
ダウンロードしたファイルの page.xml に動画ページを挿入してください。
□ miniぱらブックだけ使いたい
ダウンロードし、解凍したファイルにmini.htmがあります。そのうちの <div id="flashcontent"> ブロックがminiぱらブック本体です。
この部分と、<script src="swfobject.js" type="text/javascript"></script> を差し込みたい html に追加してください。
一緒にダウンロードしたファイルも一緒に同一階層に入れてください。画像データは page_imgs フォルダー内にありますので、頭に s の付いた画像だけ残して 後は捨ててください。
□ 画像の拡大率を変えたい
拡大用の画像はサーバで動的に生成しますが、これ以外のサイズの画像に関しましては、個別に作成してください。 また、flash を修正する必要がありますので、「見開きのカスタマイズ」のサンプルソースをダウンロードして、 その中の 「pageflip.fla」を修正してください。
□ 個人情報の収集
個人情報に該当する情報は取得してません。
□ その他
ご質問、ご意見等は、メールにて受け付けております。
メールinfo@spinnen.co.jp にてお問い合わせください。

システム構成

  1. Windows 2000 Server + IIS + PHP5
  2. PDFページ数取得 : xpdf (pdfinfo pdfファイル, $ret, $retCode);
  3. PDF→JPG変換 : xpdf (pdftoppm pdfファイル -f 1 -l 最後のページ tmp)
  4. JPEGサイズ変換 : ImageMgick (mogrify -format jpg -resize 1448x1024 tmp*.ppm )
  5. JPEGサイズ変換 : ImageMgick (mogrify -format jpg -resize 724x512 tmp*.ppm )
  6. Flash : Dynamic PageFlip V2、右綴じ、左綴じ、拡大表示、カスタマイズ
  7. ダウンロード用ファイル圧縮 : zip20x

作成ページ

  2009年3月10日