1. 首頁
  2. »
  3. 軟體
  4. »
  5. 免費資源-Google swiffy將SWF轉Html5

免費資源-Google swiffy將SWF轉Html5

2011/07/06

梅問題-免費資源-Google swiffy將SWF 轉html5

  最近Google不斷的推陳出新,一下子以圖找圖、一下子又推出Google+…等,讓服務變的更多元與更人性化,礙於iPhone始終一直不支援Flash,所以有不少朋友也紛紛的轉投靠Html5,利用Html5的新增的語法來繪圖與作一些互動,但說實說話光要寫個從左跑到右的動畫,就要花不少的時間,因此Google最近推出了一個新的服務Google swiffy,可將SWF檔轉換成Html5,如此一來就可輕鬆的製作出Html5的動態效果。


Google Swiffy

轉換網址:http://swiffy.googlelabs.com/
支援格式:SWF
檔案限制:單檔限1MB

Step1
進入swiffy後,先選擇檔案,再將核選框勾選起來,最後再按Upload adn convert鈕。
梅問題-免費資源-Google swiffy將SWF 轉html5


Step2

過一回轉換完畢,這時點下方的.html檔,那就是轉換好的html5的檔案,而下方的驚嘆號表示不支援的部分,分別是事件與音效。
梅問題-免費資源-Google swiffy將SWF 轉html5


結果預覽:
Google Chrome12.0.72

在Chrome下是完全正常,動畫也很順暢。
梅問題-免費資源-Google swiffy將SWF 轉html5


Internet Explorer9.0.8112

在IE9下時,動畫就會自動縮小,真不知是html5的關係,還是IE9支援的問題。
梅問題-免費資源-Google swiffy將SWF 轉html5


Safari5.05

Safari5也是正常的。
梅問題-免費資源-Google swiffy將SWF 轉html5


Firefox5

在Firefox下,若視窗的比例不對時,動畫會被放大。
梅問題-免費資源-Google swiffy將SWF 轉html5


iPad/iPhone

哈~在iPad與iPhone下看到的一切正常。
梅問題-免費資源-Google swiffy將SWF 轉html5


  雖然說很方便,可快速將SWF轉成Html5的格式,但在檔案上也變大了不少,原來的SWF含聲音才17.8KB,轉完後在無聲的情況下變52.5KB,而在幾個瀏覽器下,卻出現了一些小狀況,而在iOS上目前還算是正常,有興趣的朋友可點下方的範例來瀏覽看看,若更有興趣的朋友,不妨也可看看裡面的原始碼。


[範例預覽] [原始swf檔]