創業公司Mugeda 推出網頁版HTML5 動畫編輯器,實現HTML5 動畫云端制作、存儲、托管、統計#36氪開放日#
來自
\n36氪開放日北京站現場。
曾經一度應用極其廣泛的Flash 在這兩年越來越落寞,盡管現在我們看到的很多網頁端的動畫廣告依然是基于Flash 技術開發的,但是去年下半年
\nAdobe 宣布放棄開發移動設備以及電視平臺的Flash 之后,Flash 的命運似乎已經注定了。毫無疑問,未來是HTML5的天下,可是問題來了,用什么工具來開發HTML5 的動畫呢?
創業公司
\nMugeda 就是為了解決這個需求而誕生的。2010年年底,曾經就職過Moto、Duby 等公司的哥倫比亞大學多媒體博士王勇啟動了Mugeda 項目,目前團隊一共有3個人,CEO王勇和CTO楊鐘皓(曾就職于Google 地圖等)在美國,而北航畢業的COO 王志則在國內。在2011年年底,Mugeda 就上線了一個Preview 版本,之后進行了相對廣泛的測試,并邀請了很多朋友、Flash 開發者來使用。直到今天才在我們的
\n36氪開放日上進行發布。
簡單來說,Mugeda 是一款類似Google Docs 的在線
\nHTML5 動畫編輯器。COO 王志告訴36氪,他們為了降低開發門檻,把Mugeda 的操作流程做到了與Adobe Flash 的操作流程幾乎一致。這就意味著對于以前的Flash 開發人員來說,轉移開發HTML5 動畫幾乎不需要任何門檻,只是輸出的結果不再是Flash ,而是HTML5。此外,由于Mugeda 是一個在線編輯器,他有著和Google Docs 相對于Microsoft Office 一樣的一些有點,比如:無需安裝直接使用,隨處訪問,以及協同派生(
\n點此查看Derive 的一個案例,你可以直接在別人的工作基礎上繼續開發)等。下面的視頻是王志給我演示在線編輯器的功能。
Mugeda 的另外一個特性則和優酷等視頻網站類似,他們提供的是一個HTML5 動畫托管服務。對于網站主來說,如果你要通過Mugeda 創建一個動畫放在自己的網站上,你要做的不是把動畫下載下來再上傳到你的服務器,而是像在網站嵌入優酷視頻一樣,只要把嵌入代碼放進來即可(如下面的動畫,由于目前Mugeda 的服務器使用的是Amazon 云服務,國內部分地區可能加載比較慢甚至加載不出來)。針對這一特性,未來Mugeda 還會支持更加完善的統計功能。
介紹了Mugeda的編輯器之后,王志又給我介紹了他們在移動端的一些應用場景(因為移動設備尤其是iOS 設備對于Flash 的支持非常差)。使用Mugeda 的編輯器,可以做出很多互動式的HTML5 廣告,比如點擊廣告就可以填寫一段號碼或者文字提交、一個廣告中展示的3個包包點擊任何一個跳轉到不同的網頁、或者實現打死3只鼴鼠就能跳轉到一個網頁等……另外,Mugeda 還支持應用實現離線廣告功能。而所有這些互動都可以在Mugeda 在線編輯器中通過插入代碼實現。具體的6、7種應用場景都可以通過下面的這個演示視頻看到(錄制于本次開放日前幾天創業團隊與我們的編輯團隊溝通的過程中)。
相比Flash,HTML5 動畫的前景一片光明,可以預計的到,不需要幾年時間,未來所有的網頁、應用的廣告都可能會編成HTML5版。而對于廣告商來說,HTML5 廣告還有一個很明顯的優勢,就是不會被瀏覽器插件屏蔽。
總結一下,Mugeda 的編輯器可以為開發人員提供類似Adobe Flash 的體驗,從而基本無需學習直接開發HTML5 動畫。而Mugeda 為開發人員提供的則是一整套的解決方案,包括云端制作、存儲、托管、統計等,可以用于開發網頁、手機應用、HTML5 游戲等各種場景的動畫。
對于開發者需要工具開發HTML5 動畫,Adobe 顯然早就意識到了,他們在2011年的年中
\n發布了他們的HTML5 動畫開發工具Adboe Edge。不過和以往的大部分Adobe 產品一樣,Edge 依然是一款桌面軟件,似乎Adobe 沒有會想到默認應該開發的是網頁版編輯器(我是這么認為的)。對于和Adobe Edge 的競爭,聯合創始人王志表示并不擔心,“即使是Adobe ,他們和我們的技術差距也在半年左右。”
以下為來自現場的演示視頻: