首頁 web前端 H5教程 為什麼html5將主宰線上影片?

為什麼html5將主宰線上影片?

Nov 23, 2016 am 09:51 AM
html5

 磁帶、光碟、Flash等媒介都需要播放器,這些媒介正在或已經死亡。就像CD取代磁帶成為一種更有效率的音樂播放方式一樣,數位檔案也將取代CD。依此類推,HTML5也會讓Flash成為昨天黃花。

為什麼html5將主宰線上影片?

  HTML5與Flash的對抗在網頁開發者中已經成為多年熱議的話題,但是無論站在哪一邊,不可否認的一點是,HTML5對視頻和網站的影響是實實在在的。

  對於線上影片來說,HTML5有兩點是Flash不能做到的:移動能力和語意標記。行動參與性的成長;娛樂、廣告和購物互動性影片的飆升以及HTML5結合一切技術創建下一代網站的開放結構讓Flash最終加入「退休技術」的大軍。

  移動殺死Flash明星

  自HTML5引入業界以來,移動性被奉為這種出版語言最大的優勢之一。由於許多iOS和安卓設備不支援Flash,Flash更受PC牽制。根據一份市場調查數據,PC在2011年至2013年間的出貨量下降10%。

  IAB.net的數據顯示,美國半數人口都有一部能上網的行動手機,1/5的網頁瀏覽在行動裝置上完成,這些數據每月將持續成長。相較之下,製作Flash互動性影片的公司由於無法使影片在行動裝置上運行,從而失去大批用戶。

  舉個例子,歌手鮑勃·迪倫(Bob Dylan)的熱門互動性影片《Like a Rolling Stone》去年11月發布,數百萬PC端的觀眾都透過一個類似電視的介面分享該影片。然而,用戶在手機或平板上打開影片的體驗就不那麼愉悅了。安卓用戶收到一則提醒訊息,要求他們在PC上體驗完整影片;而iOS用戶則被要求下載一款應用程式。而且這段影片在手機和平板的網頁瀏覽器中無法重複播放。

  如果1/5的網頁瀏覽都發生在行動客戶端,那就意味著1/5的用戶在行動裝置上登陸影片網站時要忍受支離破碎的使用者體驗,

  廣告、購物產業同樣開始注意到移動的重要性以及Flash技術在網路視訊表現出的限制。

  美國互動廣告局(InteractiveAdvertisingBureau,IAB)最近給廣告商發布了一封公開信,這封信同時由包括AOL、Conde Nast、福布斯、 谷歌、《紐約時報》、《華爾街日報》在內的幾個主要出版社和公司聯名簽署。他們要求市場人員在行動廣告中實施HTML5標準,這樣廣告就能運行於不同平台。這封信稱,為了確保付費廣告“能在所有螢幕上完美展示”,廣告應該以兼容行動裝置的技術格式開發。 「而且開放的、符合業界標準的通用格式就是HTML5。」信裡寫道。

  Sizmek年度全球基準報告《打破界限:使用者參與走向性全球化》表示,利用HTML5技術轉向行動友善型的格式是2013年數位廣告業最重要的變革之一。

  這份報告透過調查2013年全球9,130​​億次廣告曝光次數揭示行動廣告的重要趨勢。報告同時表示,隨著業界採取更嚴格的出版標準保證螢幕間的無縫切換,HTML5格式的數位廣告預計在2014年持續成長。

  在各種平台上播放廣告不僅對於主流出版社非常重要,而且對於用戶來說,他們點擊廣告購買商品時變得便捷方便,不會遇到任何麻煩。但由於Flash技術的局限性,使用者有時會覺得不爽。

  在最近一次令人沮喪的線上購物體驗中,我們的行銷副總裁試圖利用iPad在 亞馬遜 找一款吸塵器。正當他準備下手一款400美元以上的產品時,由於缺少Flash插件,這款產品的影片無法播放。亞馬遜也為此失去一筆訂單。

  那麼,為什麼亞馬遜的影片不採用HTML5技術?

  沒錯,開發者可能正在努力適應這種新標準,毫無疑問的是,Flash的開發難度遠低於HTML5。

  一種數位轉變趨勢

  市場調查公司Forrester在題為《改善企業移動性:滿足未來發展、交付和參與需求的未來技術》的報告中提到,HTML5應用程序所需的開發時間要比預期多59%,多出的時間主要用來測試或解決一些技術問題。

  HTML5本身也不夠完美,尚處於早期發展階段。幸運的是,人才濟濟的科技公司正著重解決這些技術問題──利用SaaS平台,開發者只需專注於自己的創意。

  即便存在技術難度,也無法阻擋企業和遊戲開發者的熱情。開源網路應用程式框架供應商Sencha發布的報告稱,超過60%的企業應用開發者已經開始向HTML5和混合技術轉變,超過70%的HTML5及混合技術開發者今年更多採用的是HTML5技術。

  行動影片不是唯一受益者

  在遊戲產業,以HTML5技術為基礎的遊戲也在蓬勃發展。荷蘭的Spil Games就採取HTML5技術路線。這家公司計劃今年底推出1,000多款HTML5遊戲。 Spil Games已經在網站發布5000多款Flash遊戲,但它們無法在平板或手機中運行。

  根據部落格Digital Buzz公佈的數據,iOS和安卓設備32%的使用時間都是玩遊戲。

  借助HTML5技術,開發者能夠創造出在所有裝置上都能運作的遊戲。看看Google透過Google Chrome實驗及Canvas等網站技術創建的作品是多麼優秀。

  HTML5的另一個優勢:搜尋引擎優化

  移動性是HTML5戰勝Flash的最顯著優勢,但HTML5在語意結構方面的功能優勢對於互動視訊來說同樣重要。

  網路爬蟲和搜尋引擎看不到Flash的內部。 Flash是個密封的容器,任何人無法窺其內部,

  為什麼這點很重要?透過互動式影片的語意結構,你可以利用HTML5創建網路爬蟲能夠理解的項目。但Flash只能給你一個黑盒子,一段沒有任何多餘資訊的Flash影片。

  依照語意結構創建影片可以讓網路機器人抓取任何一段與眾不同的影片剪輯。它將獲得標籤等任何一段標準的網頁影片所具備的信息,並方便被抓取,相應地,影片在搜尋結果中的排名就會越來越高。

  沒有採納HTML5技術的內容創作者已經落後,如果他們不實施HTML5標準,將很快淹沒在塵埃中。好消息是,有些公司專注發掘HTML5的最大優勢,但又沒有任何技術障礙。那些依然認為Flash是線上影片主流技術的廠商真應該好好思考了。


本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

HTML 中的表格邊框 HTML 中的表格邊框 Sep 04, 2024 pm 04:49 PM

HTML 表格邊框指南。在這裡,我們以 HTML 中的表格邊框為例,討論定義表格邊框的多種方法。

HTML 中的巢狀表 HTML 中的巢狀表 Sep 04, 2024 pm 04:49 PM

這是 HTML 中巢狀表的指南。這裡我們討論如何在表中建立表格以及對應的範例。

HTML 左邊距 HTML 左邊距 Sep 04, 2024 pm 04:48 PM

HTML 左邊距指南。在這裡,我們討論 HTML margin-left 的簡要概述及其範例及其程式碼實作。

HTML 表格佈局 HTML 表格佈局 Sep 04, 2024 pm 04:54 PM

HTML 表格佈局指南。在這裡,我們詳細討論 HTML 表格佈局的值以及範例和輸出。

HTML 輸入佔位符 HTML 輸入佔位符 Sep 04, 2024 pm 04:54 PM

HTML 輸入佔位符指南。在這裡,我們討論 HTML 輸入佔位符的範例以及程式碼和輸出。

HTML 有序列表 HTML 有序列表 Sep 04, 2024 pm 04:43 PM

HTML 有序列表指南。在這裡我們也分別討論了 HTML 有序列表和類型的介紹以及它們的範例

在 HTML 中移動文字 在 HTML 中移動文字 Sep 04, 2024 pm 04:45 PM

HTML 中的文字移動指南。在這裡我們討論一下marquee標籤如何使用語法和實作範例。

HTML onclick 按鈕 HTML onclick 按鈕 Sep 04, 2024 pm 04:49 PM

HTML onclick 按鈕指南。這裡我們分別討論它們的介紹、工作原理、範例以及各個事件中的onclick事件。

See all articles