office線上預覽哪家強？不能播放ppt動畫，不能監聽翻頁？

前言

衆所周知，word、excel、ppt 和 pdf 檔案線上預覽有很多解決方案，但大多無法播放 ppt 動畫，或者功能非常單一。這不，最近産品經理閉關修煉三天，提出了如下需求：

• 監聽文檔翻頁，根據頁碼執行相應的操作
• 文檔轉圖檔，每一頁轉成一張圖檔
• ppt 動畫、内嵌視訊線上播放
• ppt 多人同步播放
• ppt 畫闆功能

今天就給大家介紹一下幾種主流的文檔預覽方案，有免費，有收費的，希望對大家有所幫助。

微軟的 Office Web Viewer

調用微軟的 office 線上預覽服務，用法也比較簡單：

http://view.officeapps.live.com/op/view.aspx?src=檔案位址           

優點是免費，可以實作 ppt 動畫播放；缺點就是沒有擴充性，無法實作其他功能。

官方示例：

https://www.microsoft.com/en-us/microsoft-365/blog/2013/04/10/office-web-viewer-view-office-documents-in-a-browser/?eu=true

百度文檔服務 DOC

百度文檔服務是将檔案上傳至百度伺服器，進行轉碼，轉碼成功之後會拿到一個 docId，根據 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-xxxxxx",
      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 動畫播放不了。

官方網址：

https://cloud.baidu.com/product/doc.html

永中 DCS 文檔預覽

永中的功能還是很強大的，分為私有雲和公有雲，私有雲就是部署在自己的伺服器上，公有雲就是用永中的伺服器。公有雲有免費版，可以實作基本的預覽功能。私有雲支援定制，上述功能基本都可以實作。

官網上有很多示例，大家也可以把自己的檔案上傳上去，預覽體驗一下。

官方示例：

https://www.yozodcs.com/page/example.html

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檔案下載下傳位址           

官方示例：

https://officeweb365.com/Default/Viewview

總結

以上就是最主流的文檔預覽方案，如果産品經理再讓你開發這些功能，知道怎麼做了吧。隻要有 money，就沒有實作不了的功能 下面來做個小小的總結：

功能	微軟 Office Web Viewer	百度文檔服務 DOC	永中 DCS 文檔預覽	Office Web 365
監聽文檔翻頁	✘	✔	✔	✔
文檔轉圖檔	✘	✔	✔	✔
ppt動畫	✔	✘	✔	✔
ppt同步播放	✘	✘	✔	✔
ppt畫闆	✘	✘	✔	✔

以上内容本人花了大量時間調研、嘗試，如果對你有所幫助，不要忘了點個贊再走呦~

有問題歡迎評論區留言~