Flash 轉檔 Html5

flash轉html5
為了便利Flash設計的使用者, Adobe推出Wallaby這支小程式, 可以將Fla檔案發佈成Html格式;及附加檔案.
Google也有線上轉譯服務Swiffy可以利用.
可發佈成Html5的編寫工具目前還很貧瘠. 除了Sothink Swf Decompiler還算勉強編譯外, Adobe直接開發的Edge Preview目前已經修改到第六版, 是唯一直接使用Html/Javascript編寫"類似"Flash效果的工具.
等到Edge從免費版開發成專業版, 恐怕市場上沒有其他軟體開發公司可以與之相比. Apple為了省下Flash權利金犧牲了消費者(當然,觸碰螢幕的手勢規則矛盾也是原因之一), 卻意外的讓Adobe可能再次獨佔網頁設計工具.  如果他開發了特殊的語言標記而能讓Html5完全進化(技術專利), 到時候各家瀏覽器等著瞧吧...

好像有些離題...
在Flash Pro CS6的介面裡面可以直接加裝兩種html5編譯擴充功能.
請先下載檔案: Google Swiffy Extension   Toolkit for CreateJS

示範其中一種安裝方法
1. 從下載頁面下載外掛程式

下載Toolkit for CreateJS

2. 無論是Flash或Photoshop等軟體在加掛擴充時, 都是透過Adobe Extension Manager來安裝. 打開Adobe的程式集裡可見. 按安裝.

swf轉html

3. 從Flash CS6介面呼叫出一鍵轉譯功能的位置如圖:

Flash轉檔操作

4. 一鍵發佈. Swiffy跟Toolkit所發佈的資源不一樣, 各有利弊; 也不一定能完全掌握原始的flash效果.


假使你以為從此可以過著幸福快樂的轉譯生活, 那可就錯了!
目前Html5能做到Flash的效果還差得遠. 更別說轉出來的效果.
這些擴充功能僅能轉簡單的flash. 又例如IE雖然支援base64編碼顯示, 卻無法讀取部分html5的語意規則, 會變成空白頁面. 最後還是要回歸使用html/CSS3的搭配組合.

無庸浪費口水爭執Flash和Html5孰勝優劣, 讓大多數的網路客能夠看到你的網頁內容才是重要的.
所以上次我將部落格內可以轉換的Flash模組轉成Html後內嵌到Blogger, 本來很開心在iPad終於能顯示flash效果.
轉頭一看... 喵的咧!  IE根本不能顯示!! (除了IE 10. IE9部分失效)

讓我們來看看StatCounter六月份最新的瀏覽器市占率分析:
在5月21號全球調查, Chrome首次登上排名冠軍, 擊敗了長期支配網頁發展的IE.

browser stats


另一個瀏覽器市占調查品牌Market share結果卻有著相當大的差距.

2012-06 browser stats


此統計顯示IE目前仍然有五成以上的市占率.
就此兩個品牌的地區分析, 共同指出IE(不分版本)在台灣的市占率有六成.
well... 我還是繼續使用Flash好了, 至少它的市占率高達98%. 而且將flash轉為Html5網頁還有個問題:當作單一物件內嵌時, 背景不能透明的問題.
下一篇寫如何讓轉譯的網頁能夠透明的語法.  (也許會寫吧?)