当我们最初开始构建 FlipFlow 时将 PDF 文件转换为翻页书似乎是最难的部分。但经过几个月的产品研发我们发现了一些有趣的事情** PDF转换只是个开始。**真正的挑战在于创造流畅的阅读体验。数字翻页书不仅仅是文档查看器。用户希望它能像一本真正的书一样页面应该立即加载动画效果应该感觉自然。图像应保持清晰-文档应能在移动设备上运行本文分享了我们在改进基于浏览器的翻页书系统性能的过程中所学到的经验。传统PDF查看方式的问题PDF 是一种固定格式的文档。当用户满足以下条件时效果很好下载文件-在本地打开它们打印文档然而在线阅读提出了新的要求。基于网页的文档查看器需要处理以下问题文件大小较大不同的屏幕尺寸网络连接速度慢-交互元素如果100 页的PDF 产品目录每一页都同时加载很容易让人感到沮丧。第一课切勿一次性加载整个文档我们犯的第一个错误就是把PDF 文件当作普通文件来处理。简单方法上传PDF文件↓转换所有页面↓显示所有内容适用于小型文档。但大文件会带来问题等待时间更长-内存占用率高-速度较慢的浏览器更好的方法是渐进式加载。而不是加载100 个页面第1 页第2页第3页首先我们优先考虑当前页面附近页面后台加载这样可以大大加快阅读速度。第二课图像质量与加载速度另一个挑战是如何平衡质量和性能。高分辨率页面看起来很漂亮但会增加成本-带宽使用情况加载时间-浏览器内存低分辨率图像加载速度更快但会降低阅读质量。解决方案是自适应渲染。该系统应考虑以下因素-设备屏幕尺寸连接速度-缩放级别例如移动用户不需要与桌面用户相同的图像分辨率。第三课浏览器性能至关重要一本翻页书包含的不仅仅是几页纸。它还包括动画阴影过渡导航控制优化不足会导致翻页缓慢-冻结滚动CPU 使用率高在开发过程中我们主要关注减少不必要的渲染-优化动画-改进内存管理好的电子出版物应该让人感觉不到它的存在。用户应该关注内容而不是技术。#数字翻页书与 PDF 的区别PDF文件回答了以下问题我们如何存储文档翻页书式的答案人们如何体验一份文件这种差异改变了一切。现代数字出版物融合了以下要素-文档技术网络体验-交互设计这就是为什么越来越多的企业正在从静态PDF转向交互式数字体验的原因。#构建FlipFlow我们的经验教训在开发FlipFlow 的过程中我们意识到创建一个翻页书生成器不仅仅是文件转换的问题。这关乎解决一个更大的问题如何将传统文档转化为引人入胜的在线体验如今FlipFlow 允许用户进行以下转换PDF文件PowerPoint演示文稿- Word文档图片集无需安装软件即可制作交互式翻页电子书。您可以在这里了解更多项目信息https://flippingbooks.org/#最后想说的话开发基于浏览器的数字文档查看器给我们上了重要的一课文档的未来不仅仅在于阅读。关键在于互动。PDF格式是为印刷时代而创建的。翻页电子书代表了新一代的在线出版方式。我们仍在探索下一步的发展方向。
