「ぱらぱらブック」制作無料ASPサービス
ページの差し替え
■ ページ画像の差し替え
適当なパターンをダウンロードして、page_imgs フォルダーの画像を入れ替えて完了
■ ページの入れ替え
page.xml の <page 行を入れ替えて完了
動画ページを挿入
■ 動画(swf)を準備する
page.xml の <page src='page_imgs/001.swf' preLoad='true' /> でswf を指定
見開きのカスタマイズ
■下図のようなPDFをそのまま「ぱらぱらブック」ASPを利用すると、
■修正後のファイルをダウンロードして、参考にして、オリジナルのpage.xmlファイルを修正してください。
■その他の見開きパターン
| |
| 見開き部分が正常に表示されません。 |
| page.xml を修正して、見開き表示に変更 修正前ファイルダウンロード 修正後ファイルダウンロード 修正後サンプル → |
|
| 修正後の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ヨコ見開き
| 修正前「ぱらぱらブック」 | 修正前ソース | 修正後「ぱらぱらブック」 | 修正後ソース | |
![]() | ||||
| 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)
| 修正前「ぱらぱらブック」 | 修正前ソース | 修正後「ぱらぱらブック」 | 修正後ソース | |
![]() | ||||
| 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に日本語を埋め込むかアウトラインを取って再度生成して下さい。
PDFに日本語を埋め込むかアウトラインを取って再度生成して下さい。
□ 16ページを超えるPDFを生成したい
無料ASPサービスのため、行っておりません。
16ページまでにPDFを分割してそれぞれに生成して、各ソースをダウンロード後結合することで可能となります。
□ 正常にぱらぱらめくれない
Adobe 社のFlash Player V8 以上が必要です。
Flash playerからダウンロードしてください。
Flash playerからダウンロードしてください。
□ Macintosh で正常にぱらぱらめくれない
Macintoshのブラウザのバージョンにより正常に表示されないことがあります。
Firefox2 以上をお勧めします。
Firefox2 以上をお勧めします。
□ 左下の「PageFlip ぱらぱらbook」を変更したい
ダウンロード後 pages.xml の1行目 ttl='PageFlip ぱらぱらbook' の 「PageFlip ぱらぱらbook」を適当な文言にしてください。
修正したファイルを UTF-8 で保存して完了です。
修正したファイルを UTF-8 で保存して完了です。
□ HTMLの「PageFlip Title」を変更したい
ダウンロード後 index.htmのタイトルタグを修正してください。
修正したファイルを UTF-8 で保存して完了です。
修正したファイルを UTF-8 で保存して完了です。
□ 生成されたぱらぱらブックを修正したい
ダウンロード後 html を変更することは可能ですが、swfそのものの変更はできません。
swfを修正したい場合は、
http://76design.com/shiftcontrol/index.php/2005/07/03/dynamic-page-flip/
にソースファイルがありますので、これをカスタマイズしてください。
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サービスでは対応しておりません。データ作成後、ダウンロードしたファイルのカスタマイズに より対応可能です。
本ASPサービスでは対応しておりません。データ作成後、ダウンロードしたファイルのカスタマイズに より対応可能です。
□ 見開きのページを作成したい
個別にカスタマイズで可能ですが、本お試しサイトでは対応しておりません。
ダウンロードしたファイルの page.xml を 「見開きのカスタマイズ」を参考に編集してください。
ダウンロードしたファイルの page.xml を 「見開きのカスタマイズ」を参考に編集してください。
□ 動画ページを挿入したい
個別にカスタマイズで可能ですが、本お試しサイトでは対応しておりません。
ダウンロードしたファイルの page.xml に動画ページを挿入してください。
ダウンロードしたファイルの page.xml に動画ページを挿入してください。
□ miniぱらブックだけ使いたい
ダウンロードし、解凍したファイルにmini.htmがあります。そのうちの <div id="flashcontent"> ブロックがminiぱらブック本体です。
この部分と、<script src="swfobject.js" type="text/javascript"></script> を差し込みたい html に追加してください。
一緒にダウンロードしたファイルも一緒に同一階層に入れてください。画像データは page_imgs フォルダー内にありますので、頭に s の付いた画像だけ残して 後は捨ててください。
この部分と、<script src="swfobject.js" type="text/javascript"></script> を差し込みたい html に追加してください。
一緒にダウンロードしたファイルも一緒に同一階層に入れてください。画像データは page_imgs フォルダー内にありますので、頭に s の付いた画像だけ残して 後は捨ててください。
□ 画像の拡大率を変えたい
拡大用の画像はサーバで動的に生成しますが、これ以外のサイズの画像に関しましては、個別に作成してください。
また、flash を修正する必要がありますので、「見開きのカスタマイズ」のサンプルソースをダウンロードして、
その中の 「pageflip.fla」を修正してください。
□ 個人情報の収集
個人情報に該当する情報は取得してません。
□ その他
ご質問、ご意見等は、メールにて受け付けております。
メールinfo@spinnen.co.jp にてお問い合わせください。
メールinfo@spinnen.co.jp にてお問い合わせください。
システム構成
- Windows 2000 Server + IIS + PHP5
- PDFページ数取得 : xpdf (pdfinfo pdfファイル, $ret, $retCode);
- PDF→JPG変換 : xpdf (pdftoppm pdfファイル -f 1 -l 最後のページ tmp)
- JPEGサイズ変換 : ImageMgick (mogrify -format jpg -resize 1448x1024 tmp*.ppm )
- JPEGサイズ変換 : ImageMgick (mogrify -format jpg -resize 724x512 tmp*.ppm )
- Flash : Dynamic PageFlip V2、右綴じ、左綴じ、拡大表示、カスタマイズ
- ダウンロード用ファイル圧縮 : zip20x
作成ページ
2009年3月10日











