What if your PDF could do this when published online?
Making PDF documents interactive has been an active subject for a long time, but in reality, there are very few options out there offering the possibility to add interactivity to existing elements in PDF publications. Our Elements PDF viewer repurposes the PDF document and maintains control over each element in the publication so that existing content can be animated.
Our upcoming version of FlowPaper will feature a rich set of animations and interactivity that can be used for your publications. The animation above shows how you can add interactivity to existing PDF content and keep text sharpness.
As Google is progressing further and further away from flash the transition for many publishers taking their PDF web publications to the web is becoming something of increasing importance. While there are many services out there offering conversion of PDF to various HTML5 formats, very few of them actually offer real conversion. At best, they convert documents to bitmapped versions. With FlowPaper Elements, PDF documents are not bitmapped, they’re actually converted to real, crisp elements that stay sharp on all devices and sizes. This post illustrates a few things we do as part of this converting the PDF documents. You can see an example of a converted PDF flipbook publication below:
How to convert your PDF documents to a HTML5 friendly format
To convert a PDF to a web friendly HTML5 flipbook, a few steps needs to be taken.
1. Fonts need to be converted to web friendly fonts
This means that all glyphs and characters needs to be adjusted to a format that is indexable by search engines and stays sharp on all devices. The fonts need to be converted to either woff, ttf and with a fall back eot.
2. All layers of the PDF needs to be flattened
To optimise the viewing experience for devices with slow CPU, only visible layers should be visible.
3. Visible text should be real sentences and rows
In a PDF, each character can be individually positioned in the document. While this may give a greater sense of accuracy, it also decreases performance significantly. By converting visible sentences and texts to real, actual sentences and rows, performance is improved greatly.
4. The PDF publication needs to be split up into easily downloadable sections
Speed is key. To avoid long download times, the PDF should be split into sections that are quicker to download for the browser.
On top of this, accuracy of course needs to be maintained to the maximum so that the flipbook matches the original publication correctly.
So what does the difference look like between a real conversion and a bitmapped conversion?
To illustrate how big the difference is we have taken this screenshot from a publication converted with FlowPaper elements (right side) and a typical flipbook (left side). You don’t need to be a rocket scientist to see the difference in output.
Auckland based digital software publisher provider, Devaldi has undergone a product brand review and introduces FlowPaper (formerly FlexPaper/FlexPaperViewer) today.
The new product brand identity reflects Devaldi’s commitment to provide the best digital reading experience. FlowPaper is the next generation desktop and server based publisher for the web. It transforms your static PDF’s into editable digital publications that adapts to the device, a true HTML5 viewer using true web fonts. Always delivering crisp sharp text and imagery with a minimum loading time. Compare us and experience the difference!
When FlexPaper was launched about six years ago, Adobe Flash was the standard for viewing PDFs on the web and after its launch, FlexPaper quickly became one of the most used document viewer applications on the web. Our Zine viewer has been much appreciated by our customers along with our Classic viewer. But much has changed during these years and the step away from Flash and towards HTML5 ended the relevance for FlexPaper in its original form.
FlowPaper is built to make the most out of your static digital content in HTML5 format. This includes a range of publishing options and FlowPaper lets you publish your content the way you want it. FlowPaper includes our well-known Zine publisher, the new Elements format and our Reflow viewer. The variety is set to meet your needs.
We’re also pleased to release our updated version of our publisher this week.
Changes in this release:
Fixed an issue related to IE8 not loading some FlexPaper Elements Publications
Upgraded to Electron 1.2.5 (Desktop Publisher)
Improved accuracy in clipping of text (Elements)
Its now possible to track Elements publications using Google Analytics just as with Zine (Elements)
The Zine toolbar now floats on top of the publication giving greater reading area than before (Zine)
Improved EPUB3 support (for readers such as Adobe Digital Editions) (Desktop Publisher)
Changed the way annotations are added to the DOM so that rotation of annotations are improved (Classic)
Its now possible to set a custom cover image for EPUB publications (Desktop Publisher)
Its now possible to set ISBN for EPUB publications (Desktop Publisher)
Fixed an issue where two fold publications would show the incorrect number of pages in the editing section of the publisher (Desktop Publisher)
Fixed an issue where links placed on two fold publications would be misplaced when zooming in and then out (Zine, Desktop Publisher)
Improved text clipping accuracy for Elements (Desktop Publisher)
Improved navigation panels margins slightly for iPhone 5 (Zine)
Embedded default color profile for OSX for improved color accuracy (Zine, Desktop Publisher)
Implemented partial navigation drag for Elements, slide (Desktop Publisher)
Fixed an issue where setting a higher Max Zoom Factor than 500% would cause the viewer to initialize incorrectly (Zine)
Fixed an issue where the MixedMode parameter wasn’t being passed on properly when using FullScreenAsMaxWindow (Zine)
The TOC editor is now available for Elements (static layout) (Desktop Publisher)
Clarified the TouchInitViewMode for Zine. Setting this to ‘Portrait’ when using Zine will result in a forced single page mode. (Zine)
Changed default view mode to slide for phone style touch devices (Elements)
Performed a number of optimizations for Chrome 52 (Elements)
Improved text accuracy for Elements by improved handling of negative movements in text fragments (Elements)
Improved support for two fold publications where links were not being adjusted properly in Elements publications (Elements)
Added hover link color to links in FlexPaper Elements and pulse-in effect (Elements)
Reduced file size of FlexPaper Zine by excluding some previously included image resources (Zine)
It is now possible to select local MP4 and WEBM files for self hosted videos and distribute them together with both Zine and Elements (Desktop Publisher)
Fixed an issue related to starting on specific pages in smaller sized devices for Elements which caused incorrect page to show up initially (Elements)
Fixed an issue related to resizing the Elements viewer causing some pages to go blank for specific scenarios (Elements)
A month full of fun! This month we participated in the Global Accessibility Awareness Day #GAAD and contributed by submitting a new PDF reader to the Google Chrome web store. This PDF reader improves reading speed and supports screen readers for visually impaired which normally have difficulties reading PDFs when browsing the web. The reader is free and is well worth a try even if you don’t have a disability.
First out this month is Zine, Elements and our Desktop Publisher, followed by Classic to be released shortly after.
Major changes this month:
Improved accessibility support with active ARIA fields (Elements)
Improved accessibility support added to Zine and Classic (Zine, Classic)
Major improvements in text positioning using new algorithms for improved accuracy in font metrics (Elements)
Major performance improvements to Elements (Deskop Publisher)
Minor enhancements and fixes:
Further UI rendering performance improvements to Elements, Flat (Elements)
Improvements to cMap handling in exporting text fragments for Zine (Desktop Publisher)
Minor corrections to re-reading page labels and outline (Desktop Publisher)
Improve hardware acceleration on iOS for Elements (Desktop Publisher)
Improved image rendering quality for publications of smaller size (Elements)
Improved stability for Zine when the publisher fails to split pdf documents (Desktop Publisher)
Build error corrected which caused fonts not to convert to EOT in some cases for Elements (Desktop Publisher)
Added the option to use the document name as output file name (Desktop Publisher)
Fixed an issue where file permissions were being incorrectly set on output files (Desktop Publisher)
Fixed an issue where changing rotation in Zine would case the viewer not to fit on some smaller devices (Zine)
Fixed an issue where the a text mark wouldn’t get updated if the viewer scrolled away from the text fast (Classic)
Fixed an issue where printing a document would cause a 404 error in the browser console (Classic)
Fonts are no longer saved on disk prior to conversion (Elements)
Upgraded to Atom Electron 0.37.5 (Desktop Publisher)
Fixed an issue where some Blackberry devices were incorrectly identified (Zine,Classic)
Added a setting for improved accessibility to Elements. This option will let you output your documents in accessible format which is readable by screen readers (Desktop Publisher)
Improved handling of conversion of fonts that has no spacing width (Elements)
Improved rendering speed for reflowable documents (Elements)
Fixed an issue where old copies of the index.html file wasn’t cleaned away properly when encryption was turned on (Desktop Publisher)
Turned off warning messages in get_signed_content.php which was sometimes disturbing encryption and switched output method (Zine)
Additional checks for the animation classes added (Desktop Publisher)
Switched to using standard fonts (Times, Arial, Helvetica etc) when these are used in the PDF document as opposed to embedded font (Elements)
Improved clipping of texts (Elements)
Fixed an issue where the search text for some documents would be exported using ascii instad of unicode (Zine, Desktop Publisher)
Improved page fit/page height for touch devices to maximize margins properly (Zine)
Fixed an issue where some links were opening twice in IE and Firefox (Zine)
Fixed an issue where clicking on the toolbar would cause “SecurityError” exception in Firefox later versions (Classic)
Improved detection for surface pro (Zine)
Corrected an issue where in-page links in Zine would show zoom cursor when hovering them as opposed to pointer (Zine)
Reduce zoom in scale somewhat when high resolution images are not available to avoid blurry text (Zine)
Fixed an issue where some page labels were not being imported properly (Zine)
Fixed an issue where .highlight was not exposed properly in the HTML5 viewer (Classic)
Fixed an issue where using the publication name as file name would result in an error when shared using Dropbox (Desktop Publisher)
Fixed an issue where printing would generate an extra page at the end (Classic)
Aligned Elements to have the same settings set up as Zine in the publisher (Desktop Publisher)
Added support for sFTP and SCP (Desktop Publisher)
We hope all of you had a excellent christmas. Here is this month’s upcoming update. It is mainly focused around stability around our new creative publisher with a few new enhancements and improvements for Zine.
Zine and the Creative Publisher will be rolled out first and Classic will follow by the end of the week. Have a excellent end of your christmas season and a very happy new year!
Significant changes in this release:
Various fixes for IE8 when running fixed layout in Elements (Elements)
New event added to Classic & Zine “onPasswordNeeded” which is fired when a pdf that is opened requires a password.
Stopped fade animations from stacking and made zooming in using mouse wheel render faster (Zine)
Improved pinch/zoom/pan support for Android in Elements static mode (Elements)
Added page flip as option to our flat Adaptive viewer (Elements)
Disabled scroll bar while pinching on in FlexPaper Classic on Android to avoid scrolling while pinching (Classic)
Improved automatic link detection for Adaptive (Elements)
Undo/Redo added to Desktop Publisher (Elements)
Fixed an issue where high res zooming on mobile devices would cause the page to turn white on some PHP GD configurations (Zine)
Added a bit of bottom margin in cases where the thumbnails are not visible to allow bottom border to be visible (Zine)
Upgraded to Atom Electron 0.36.1 (Desktop Publisher)
Changed search input text field to use input type search for Elements (Elements)
Search will now close if clicking outside of search box. Will reopen once clicked again (Elements)
Fixed an issue where ’#’ in the pdf file name would cause the publisher to fail to open a document (Publisher)
Fixed an issue where switching working directory wasn’t possible (Publisher)
Fixed a feature detection issue causing IE to use 3D transitions incorrectly in version 11 and below (Elements)
Updated the Desktop Publisher to use native OSX routines for splitting the PDF in case PDFTk isn’t installed (Publisher)
Switched to a different font fallback routine for EOT fonts in FlexPaper Elements which speeds up processing and stability (Elements)
Signing & encryption added to the new desktop publisher (Desktop Publisher)
Zine now automatically adjusts two-fold publications in single file mode (Zine)
Fixed an issue where some events were not correctly bound past page 20 in Zine due to incorrect use of garbage collector (Zine)
Issue fixed where Flip-SinglePage wasn’t showing the thumbnails properly and where the document was slightly mispositioned (Zine)
Fixed an issue where it wasn’t possible to navigate to the very last page using Flip-SinglePage for some specific scenarios (Zine)
Fixed an issue where the search result wasn’t highlighting words properly in Flip-SinglePage mode (Zine)
Improvements to automatic link detection when links are broken into segments (Elements)