標籤:

有沒有好用的把ppt轉成h5的工具?


這個問題不錯,我們來看看PPT和H5在能力上有什麼共通的地方,再來看怎麼進行能力遷移。

——————

一、版式設計的共通性

H5其實就像一個豎版的幻燈片一樣,這是大家對它的第一感覺。

事實也的確如此,我之前寫過一篇文章《豎版幻燈片設計有什麼訣竅?》(如:圖1),比較系統地介紹了豎版的幻燈片的製作要點,推薦你看看: http://www.toutiao.com/i6402492622677475841/

H5的製作有很大程度上也遵循這樣的原則。

二、操作軟體的延伸性

H5常見的製作都是在幾大H5製作網站完成的,如:

1.MAKA:http://maka.im/ (如:圖2)

2.易企秀:http://www.eqxiu.com/ (如:圖3)

3.兔展:http://www.rabbitpre.com/ (如:圖4)

4.iH5:http://www.ih5.cn/(如:圖5)

幻燈片是在PowerPoint和Keynote中完成較多。

然而值得高興的是,這幾類大型H5製作網站在操作上和幻燈片軟體有很大的相通之處,所以操作軟體上問題不大。但這些網站會有一些細微區別,具體要使用過程中才知道。

這裡附一個關於目前主流的三款「去廣告」的規定:

1. MAKA是只能進行按年計費,能解除後端廣告的最低費用為4999/年;

2.易企秀完全刪除廣告的最低費用為500/個,但是表現效果會偏弱,因為易企秀製作界面沒有圖層的概念;

3.兔展,99元可以去除廣告。而且編輯界面可以實現效果。

三、軟體作品的轉換性

有沒有將PPT一鍵轉換成H5的方法?

有!

用PPT製作H5時,盡量將PPT的尺寸設置為豎版400px*650px(相當於建立一個640*1040的頁面),並設置參考線:上下浮動305px,左右浮動180px——該數據來自於《和阿文一起學H5》,原理請查閱課程。

當H5設計在PPT中製作完成後,導入PP匠( http://ppj.io/ )或者炫課( http://www.xuanyes.com/ )客戶端可以生成,各有特點。

網易雲課堂《和阿文一起學H5》課程提到的結論是:

1. PPT已由動畫並想保留,選擇「PP匠」轉換;(如:圖6)

2. PPT沒有動畫並想要酷炫切換效果和評論區,選擇「炫課」轉換。(如:圖7)

l 出處:@Simon_阿文 研究成果 (如:圖8)

這篇文章講述的是簡易版的H5,而涉及到編程和開發的H5會有更多玩法,這些內容不在這篇文章的討論範圍內,但我們普通人只要能好好運用上述的方法,就能應付我們在生活中的大部分場景並讓你在同事中備受矚目了。

祝你工作順利,大放異彩。

朋友大師製作的企業介紹H5給大家欣賞(如:圖9),歡迎點贊、下方留言探

相關鏈接是:

http://www.rabbitpre.com/m/ZJvMeEJfK?lc=3sui=0YTmV9ypopenid=o7kepwfCrH_4AuyenugcCP7DkO80access_token=zQEDjkAw1VeQGgKOudBLbkp2V98rL74yVb509M9Dxxno7ClvBsqudS4CmUo5ITArp6GrOYgbJS21nyFFTelP9m1knFcnPPR9HnaY1G1mPEE#from=share

——————

我是湯帥,知名PPT定製設計師,職場技能優秀回答者,學點新鮮有趣的職場技能,關注我准沒錯。


有個PPT+(http://www.pptplus.cn)的網站可以將PPT和PDF轉換成H5的分享鏈接,能夠將PDF和PPT中的文字提取出來,而且還可以錄音


有一個網站叫【PP匠】,可以把製作好的ppt上傳,一鍵轉化成H5,幾乎完美轉化所有效果,高度還原,可以試試,這裡有網站詳細介紹:【PP匠】上傳PPT,一鍵轉成H5,商務ppt、H5營銷、動畫演示好工具


親測pp匠,勇氣可嘉,功能卻極其不穩定。如果你要用這個做h5,你會發現,如果不把所有ppt上的元素都存成圖,那,會出現以下情況:一ppt里形狀的顏色會變,二,字間距,排版會變,三,跳轉方式會變,四,你加入的最簡單的動畫和h5的操作無法融合

最後,背景音樂時有時無(這個最煩,搞了我一下午,各種方法都用了,格式改掉了,大小壓縮了,重做加入ppt,然並卵,網頁上可以,到手機上就沒音兒了,各種手機,蘋果華為三星,手機網頁,微信打開都沒有)

如果你要ppt導h5,一個特別傻卻不費腦子的方法就是:ppt頁面16:10,縱向;背景要麼沒,要麼就全部鋪滿;排版好後,ppt存成圖;易企秀或者其他,導入圖片,拉伸,配音樂,搞定!最簡單粗暴


用Adobe Captivate就可以很好的實現 PPT轉為HTML5,而且效果很好


推薦一款最近在用的把PPT轉成H5的工具:PP匠( ppj.io )。

電腦登錄 ppj.io 上傳你的PPT/PPTX/DPS/PDF文件,5分鐘之內就能幫你轉為H5並生成二維碼,微信掃描後即可在手機查看分享。。PP匠還能夠完美複製PPT上原有的音視頻、字體、動效,同時你還能夠給PPT配音。

PP匠的意義在於借力於H5,讓PPT在移動端更酷更活潑地呈現;並使信息能更方便地傳遞和分享:不再局限於演講/郵件等低效傳播方式,減少聽後/看後即忘的尷尬。

PP匠不僅把原來PPT中的各種字體,動效,音樂完美地複製進H5,同時支持插入表單等功能,以便使用者在H5的傳播中發布測試或收集反饋。

同時,PP匠貼心地設置了「訪問限制」:

你可以設置密碼讓H5隻在團隊/組織內部傳播;

如果你是公眾號運營者,也可以選擇「公眾號推廣」,要求用戶關注帳號後獲取密碼打開H5。

同時PP匠的後台也為你記錄了訪問量,分享路徑等數據(如下例),利於進行效果分析。

不久前,PP匠還推出新功能「聽堂」(主要應用於在線教育):用戶用手機掃描二維碼就可為每張PPT錄音,而後生成H5。用戶可直接在手機製作並分享微課,和傳統的龐大複雜的錄屏軟體相比,聽堂還是很有優勢的。


用一覽微文檔能簡單實現。


「OpenXmlSdkJs 」 可以用來解析PPT

搞了兩個星期了,目前只能轉換簡單的PPT(圖片文字等),我沒有找到PPT Openxml的詳細結構文檔,全靠試加猜 ╯﹏╰,不知大家有沒有好的推薦?


看到樓上的作者們都在推薦PPT匠啊、PPT+啊什麼的,我也一股腦全部體驗了一把,只想說各有各的特點。

But!我想推薦的也不是以上的軟體,而是另一個比較低調的APP-「自由坊」

為什麼推薦「自由坊」呢?(因為它免費!哈哈哈哈哈)

據了解,「自由坊」是國內首家做PPT分享、錄製的APP。不知為何這個作坊產品出現的很早卻沒怎麼推廣,不像其他家的APP還在測試期就已經開始鋪天蓋地的推廣營銷(想翻個白眼)

這可能就是真正做產品和隨大流做產品的區別吧!

如果不信在下所說,你可以自己去體驗一把,明顯能感覺到差別。A貨和正品就是不一樣!

不多說廢話。「自由坊」的使用和體驗如下:

註冊和登錄就不多說了,全世界的APP都一個shi樣兒。。。

這是PPT上傳界面 上傳格式不僅是PPT、PPTX,PDF也可以

這是在下在官網和APP測試上傳的PPT和PDF,還能創建文件夾。

然後是PPT分享頁面,轉移到APP(咳咳。。劃重點!)

此處!良心之作!可以把PPT直接分享到你想讓它到達的平台。

那麼,在朋友圈點擊播放是這樣的

如果你的PPT里動畫或者設置的自動播放,那麼打開展現的效果跟你直接打開PPT是一樣兒一樣兒的。別問我為什麼,因為我也不知道!

點擊錄製跳轉到這個頁面

不僅可以預覽整個PPT,而且點擊PPT直接翻頁!!!而且左上角的「未連接」按鈕的功能(此處高能)可以同步到電腦!!!

應該是應用於演講場景吧,可以直接替代翻頁筆。

不過想吐槽一點:在演講者手裡手機的體驗總是敵不過小小的翻頁筆的吧

後面就到了錄製發布頁

再到發布後的視頻頁

不知道是不是視頻,可以理解為PPT?語音,因為每一頁PPT和語音是同步的。和PPT一樣可以分享到微信、朋友圈等。

特意把這個APP發給一個程序員朋友研究了一下, 「自由坊」錄製的音頻相較於其他的PPT?語音小很多。對於普通PPT用戶省去了各種轉換PPT格式的麻煩,直接上傳到APP,想怎麼分享、錄製都可以。

特點:操作及其簡單;和市面上的其它同類轉換錄製工具不同,轉換後保留PPT原始動畫,還支持手機隨時一鍵錄製。重點是它還免費!!!

免費!免費!免費!(重要的事情說三遍!!!)


參考 https://item.taobao.com/item.htm?id=527826561247

PPT自助轉HTML5(微場景)的服務

僅需兩步——

1.打開個人電子郵箱編寫電子郵件,郵件標題任意,將幻燈片(後綴要求是ppt或pptx)文件添加到附件發送到ppt2h5@gmail.com;原郵件帶有ppt附件轉發至ppt2h5@gmail.com也可。

2.稍等片刻,即可收到包含對應HTML5(微場景)版本鏈接的回復郵件(根據不同程度的郵箱規則有可能會進入回收站)。微信掃描二維碼打開即可分享朋友圈、微信群、客戶等。

特點:傻瓜化自助操作;和市面上的其它轉換工具不同,轉換後保留幻燈片原始動畫。基礎轉換服務免費。定製服務需要付費。


去試試有圖網的h5製作工具。有ppt插件直接可以一鍵發布成為h5


上http://ts.whytouch.com 上傳PPT,可以在線轉換成H5,默認是轉換成靜態文字長頁面,上傳時候選擇演示播放模式,可以轉成普通ppt播放的樣式。可以掃碼發布微信瀏覽。


推薦閱讀:

如果有同學想要你辛苦製作的ppt,應該分享發給她嗎?
如何做好一張包括一段字和幾張圖片的ppt,應該如何排版?
做ppt的時候,怎麼能在世界地圖上畫出曲線,由一點輻射像其他國家的……?
這張ppt里的效果是怎樣做出來的呢?

TAG:HTML5 | ppt製作 |