前言
家喻户晓,word、excel、ppt 和 pdf 文件在线预览有很多解决方案,但大多无奈播放 ppt 动画,或者性能十分繁多。这不,最近产品经理闭关修炼 3 天,提出了如下需要:
- 监听文档翻页,依据页码执行相应的操作
- 文档转图片,每一页转成一张图片
- ppt 动画、内嵌视频在线播放
- ppt 多人同步播放
- ppt 画板性能
明天就给大家介绍一下几种支流的文档预览计划,有收费,有免费的,心愿对大家有所帮忙。
预览计划
微软的 Office Web Viewer
调用微软的 office 在线预览服务,用法也比较简单:
http://view.officeapps.live.com/op/view.aspx?src= 文件地址
长处是收费,能够实现 ppt 动画播放;毛病就是没有扩展性,无奈实现其余性能。
- demo 体验
-
官网示例
百度文档服务 DOC
百度文档服务是将文件上传至百度服务器,进行转码,转码胜利之后会拿到一个 docId,依据 docId 预览不同的文件。复制以下代码,在浏览器中关上即可预览。
<div id="reader"></div> <script src="http://static.bcedocument.com/reader/v2/doc_reader_v2.js"></script> <script type="text/javascript"> (function () { var option = { docId: "doc-mfmeihwtsi7ymas", token: "TOKEN", host: "BCEDOC", width: 800, // 文档容器宽度 pn: 2, // 定位到第几页,可选 ready: function (handler) { // 设置字体大小和色彩, 背景色彩(可设置白天黑夜模式)handler.setFontSize(1); handler.setBackgroundColor("#000"); handler.setFontColor("#fff"); }, flip: function (data) { // 翻页时回调函数, 可供客户进行统计等 console.log(data.pn); }, fontSize: "big", toolbarConf: { page: true, // 高低翻页箭头图标 pagenum: true, // 几分之几页 full: false, // 是否显示全屏图标, 点击后全屏 copy: true, // 是否能够复制文档内容 position: "center" // 设置 toolbar 中翻页和放大图标的地位 (值有 left/center) } // 文档顶部工具条配置对象, 必选 }; new Document("reader", option); })(); </script>
能够看到百度文档的配置还是挺多的,文档转图片、监听翻页都不是问题,不过毛病就是 ppt 动画播放不了。
-
官网网址
永中 DCS 文档预览
永中的性能还是很弱小的,分为公有云和私有云,公有云就是部署在本人的服务器上,私有云就是用永中的服务器。私有云有免费版,能够实现根本的预览性能。公有云反对定制,上述性能根本都能够实现。
官网上有很多示例,大家也能够把本人的文件上传上去,预览体验一下。
- demo 体验
- 官网示例
Office Web 365
office web 365 和永中 DCS 相似,也有部署版和在线版,不过部署版和在线版性能都十分弱小,满足你对文档预览的所有空想。
office web 365 也有免费版,应用办法很简略,先注册账号登录,而后把文件下载地址所在的域名增加到后盾,后盾会依据域名生成一个网站 ID,而后再应用上面的预览地址就能够了。
预览地址
http://ow365.cn/?i= 您的网站 ID&furl= 要预览的 Office 文件下载地址
如果文件下载地址是 https 结尾,那么还要加一个 ssl=1 参数
http://ow365.cn/?ssl=1&i= 您的网站 ID&furl= 要预览的 Office 文件下载地址
- demo 体验
- 官网示例
总结
以上就是最支流的文档预览计划,如果产品经理再让你开发这些性能,晓得怎么做了把。只有有 money,就没有实现不了的性能😋 上面来做个小小的总结:
性能 | 微软的 Office Web Viewer | 百度文档服务 DOC | 永中 DCS 文档预览 | Office Web 365 |
---|---|---|---|---|
监听文档翻页 | ✘ | ✔ | ✔ | ✔ |
文档转图片 | ✘ | ✔ | ✔ | ✔ |
ppt 动画 | ✔ | ✘ | ✔ | ✔ |
ppt 同步播放 | ✘ | ✘ | ✘ | ✔ |
ppt 画板 | ✘ | ✘ | ✔ | ✔ |
以上内容自己花了大量工夫调研、尝试,如果对你有所帮忙,不要忘了点个赞再走呦~
有问题欢送评论区留言~