iT邦幫忙

鐵人檔案

2017 iT 邦幫忙鐵人賽
回列表
Modern Web

30天實作線上簡報播放機制 系列

因為同事希望把做好的PowerPoint轉成線上教材,但是簡報動態很多,放到SlideShare、GoogleDoc都沒辦法正常播放,所以乾脆自己做XD

來源的檔案格式是pptx,符合Office Open XML規範,播放則使用HTML5 Canvas,但是不知道做不做得出來哪...

參賽天數 25 天 | 共 31 篇文章 | 18 人訂閱 訂閱系列文 RSS系列文
DAY 21

21 - 再次剖析母片

與版面配置、投影片同中有異的架構 跟版面配置與投影片一樣,母片中也有common slide data這個最主要的圖形資料集合,但是又各自有自己特有的資料,所以...

2017-01-03 ‧ 由 fillano 分享
DAY 22

22 - 用剖析出的資料試畫母片

大致上剖析出母片資料,除了寫測試之外,還是先試試看可不可以正常畫出來XD 目前產出的母片資料 先看看目前產出的母片資料長怎樣: "backgrou...

2017-01-04 ‧ 由 fillano 分享
DAY 23

23 - 剖析佈景主題及版面配置

昨天畫出母片資料後,可以看到一些需要改善的部份,先來調整一下。 調整母片資料 這部份主要調整了幾個部分: 不需要繪製圖形背景時,不要繪製 剖析邏輯修正,這是導...

2017-01-05 ‧ 由 fillano 分享
DAY 24

24 - 剖析投影片資料

昨天已經初步剖析出版面配置的資料,但是畫出來看還是有些問題。所以在剖析投影片資料前,先來修正一下... 修正版面配置的剖析方式 檢查了一下剖析出來的資料,看起來...

2017-01-06 ‧ 由 fillano 分享
DAY 25

25 - 目前碰到的資料剖析問題

可以參考改過的範例:example011.html 這個範例套用了新的修改,而且為了比較明顯看出問題,把圖形的框線加回去。另外,用方向鍵就可以跳到上一張下一張投...

2017-01-07 ‧ 由 fillano 分享
DAY 25

26 - 仔細確認Powerpoint的樣板機制

為了避免不斷修改,還是先仔細確認Powerpoint中,投影片與版面配置的圖形如何匹配。 Placeholder的使用方式確認 母片、版面配置、投影片的結構很像...

2017-01-09 ‧ 由 fillano 分享
DAY 25

?? - 目前的簡單成果

參考:example012.html 資料的複雜性 結果奮鬥最久的還是處理pptx的資料XD 來反省一下...先看一下簡報的架構(排除了一些跟播放沒直接關係的設...

2017-01-11 ‧ 由 fillano 分享
DAY 25

?? - 繪製Office內建的圖型

Office使用的內建圖型定義在ECMA-376的presetShapeDefinitions.xml這份文件中。(下載規格書Part1的zip檔解開後,會看O...

2017-01-13 ‧ 由 fillano 分享
DAY 25

?? - 雖然沒完賽,還是發一下心得

沒完賽也是一種經驗 沒有完賽的原因其實很簡單,發文時沒有確認結果,就關掉網頁了...然後第二天上iT邦,就收到未完賽通知XD 不過真的是年紀慢慢大了,現在cod...

2017-01-14 ‧ 由 fillano 分享
DAY 25

?? - 處理Office的內建圖型

既然還能發文... ECMA-376定義Office內建圖型的方法 在規格書的zip檔中,可以找到presetShapeDefinitions.xml這個檔案(...

2017-01-20 ‧ 由 fillano 分享