Are you working for eLearning projects? then you should know about Mozilla has launched PDF.js a web PDF viewer plugin. This plugin helps you to display PDF files inside HTML code. I did customized PDF.js prebuild structure for easy usage. Take a quick look at this post and it will explain you how to configure, tracking reports(Google Analytics) and monetize your PDF content with HTML page.
Download Script 
Live DemoThe plugin contains four folders called build, css, js and images with HTML files.
build
-- pdf.js
css
images
js
-- viewer.js
index.html
file.pdf
-- pdf.js
css
images
js
-- viewer.js
index.html
file.pdf
viewer.js
Just rename file.pdf with your PDF file.
var DEFAULT_URL = 'file.pdf';
var DEFAULT_SCALE = 'auto';
var DEFAULT_SCALE_DELTA = 1.1;
var UNKNOWN_SCALE = 0;
.......
.......
var DEFAULT_SCALE = 'auto';
var DEFAULT_SCALE_DELTA = 1.1;
var UNKNOWN_SCALE = 0;
.......
.......
index.html
Include your advertisement code.
<body tabindex="1">
<div>
// Display advertisement here.
</div>
<div id="outerContainer" class="loadingInProgress">
<div>
// Display advertisement here.
</div>
<div id="outerContainer" class="loadingInProgress">
No comments:
Post a Comment