search
尋找貓咪~QQ 地點 桃園市桃園區 Taoyuan , Taoyuan

還用Flash?老司機教你上網看片的正確姿勢

【PConline 技巧】說起互聯網發展的絆腳石,Flash絕對可以獲得提名。作為在網路中最為廣泛應用的多媒體技術之一,Flash對瀏覽器乃至整個計算機系統的戕害可謂是罄竹難書——看看多少電腦因為Flash藍屏故障、多少0day漏洞來自Flash就知道了。但偏偏,國內仍有大量的視頻網站使用Flash來作為視頻載體,沒有去擁抱相比Flash更省電、更流暢、更穩定的HTML5。

HTML5播放網路視頻體驗遠勝於Flash

HTML5視頻早已經在移動平台得到普及,從技術上來說,功能比手機瀏覽器更強大的PC瀏覽器播放HTML5視頻並不存在什麼門檻,那麼有沒有什麼方法讓PC網頁也強行套用HTML5視頻呢?當然有。今天,就來給大家講講在PC平台支持HTML5需要注意什麼,並介紹一下在PC平台強制用HTML5看視頻的方法吧。

HTML5在桌面平台艱難的普及之路

各大網站如此喜歡在PC網頁中使用Flash,並不是沒有原因的。Flash在1996年誕生,當時它被視作互聯網上冉冉升起的超級新星——小巧、高效、跨平台,無論是開發者還是用戶,看到Flash都會笑逐顏開。加上Adobe在業界的話語權,Flash茁壯成長,基本上PC就沒有什麼瀏覽器不支持Flash。

國內視頻網站普遍使用Flash,主要是為了兼容性

國內視頻網站之所以堅持使用Flash,歷史原因功不可沒——無論是PC上的新老瀏覽器,都能夠運行Flash。雖然在移動平台上,得益於蘋果的強硬和其他廠商的跟進,Flash早早成為了棄兒,但在桌面平台上,拋棄Flash的進程緩慢得多。直到這兩年,ChromeFirefox等瀏覽器才默認禁止Flash運行——但依然提供了Flash的開關。實際上,HTML5在桌面平台的普及,頗為坎坷。

直到這兩年,桌面瀏覽器們才開始默認禁用Flash,或者是舊版Flash

雖然iPhone在2009年就已經擁抱HTML5,但是關於HTML5的標準,其實很長一段時間內都未定型。HTML5標準制定的背後充滿著互聯網大佬們的撕逼,兩大標準制定組織WHATWG和W3C各自對HTML5有著不同的想法,而Google和蘋果則就HTML5視頻編碼格式發生了激烈的爭執。直到2014年,HTML5標準才塵埃落定,瀏覽器們才得以有了統一的前進目標,到底什麼才叫做支持HTML5,總算是有了個統一的答案。

看HTML5應該選擇什麼瀏覽器?

無論用Flash還是HTML5來播放視頻,實質上解碼的都是H.264、HEVC、AAC等視頻音頻編碼。和Flash相比,HTML5能夠調用瀏覽器和系統解碼器來進行更高效的解碼,這是HTML5效率優勢所在。而不同的瀏覽器對視頻編碼的支持力度是不同的,看HTML5視頻瀏覽器該怎麼選?

目前瀏覽器內核粗略可以分為四大陣營,分別是Chrome/Chromium所使用的Blink內核、Firefox使用的Gecko內核、Sarfari的Webkit內核以及微軟Edge瀏覽器的內核。除此以外,原先Opera所使用的Presto內核、IE所使用的Trident內核都已經走向了消亡,不適合播放新時代的HTML5視頻。

Google旗下有Youtube,借用HTML5甚至可以播放4K,

Safari

對這點支持並不好

其中,Safari對VP9編碼的HTML5視頻支持是較弱的,甚至不能在Youtube上播放高解析度的視頻。因此,觀看HTML5視頻應該選擇Chrome系、Firefox以及Edge瀏覽器。考慮到Google坐擁Youtube這個全球最大的視頻網站,在HTML5視頻方面擁有極大的影響力,甚至能夠藉此強推自己的視頻編碼格式VP9/WebM,因此來自Google的Chrome又是最合適的選擇。

強制在國內視頻網站開啟HTML5

和背負著厚重歷史的Flash相比,HTML5在國內的支持度仍不算完美。在互聯網比較發達的歐美,視頻網站已經相對普及了HTML5,Youtube這樣的視頻網站更是利用HTML5加入了自動字幕、4K超高解析度等特性,而且效率還非常高,只要網速足夠,流暢播放不成問題。在國內,HTML5視頻只有嗶哩嗶哩等少數視頻網站在推廣,普及率要低不少。

國內視頻網站的話,嗶哩嗶哩對HTML5跟進是比較積極的

不過,國內的視頻站並非沒有自己的HTML5播放器,畢竟各家的移動端網頁都匹配了HTML5,只是沒有在桌面端網頁推行而已。利用一些方法,可以讓各大視頻站Flash滾蛋,強制啟用HTML5視頻!

這個方法需要用到Chrome或者Firefox等支持擴展程序的瀏覽器。Chrome需要安裝一個名叫「Tampermonkey」的擴展。如果你可以科學上網,到Chrome商店下載即可(點此下載 ),不能的話,用搜索引擎搜一下,也能夠找到擴展的crx安裝文件。

Firefox則需要安裝「Greasemonkey」(點此下載),當然Firefox也有Tampermonkey,不過Firefox老用戶更習慣Greasemonkey。

Tampermonkey/Greasemonkey擴展可以讓你運行JS腳本,從而改變網頁的功能。接著,就需要安裝強制使用HTML5播放視頻的腳本了。這裡就給大家推薦幾個。

再見flash 你好html5點此下載

這款擴展一看名字就知道是用來幹嘛的,它可以把國內很多視頻站的Flash播放器替換成為HTML5播放器。根據介紹,它支持優酷、愛奇藝、央視網、網易公開課/雲課堂、芒果TV、大學、樂視視頻這幾個視頻站。安裝后,就可以在這些網站告別Flash了!

搜狐視頻HTML5點此下載

這款JS腳本可以把搜狐視頻使用HTML5播放,用的也是搜狐自己的HTML5播放器。它支持搜狐視頻、搜狐自媒體、搜狐課堂等搜狐旗下的站點,還是挺不錯的。其實原理就很簡單,只是把UA偽裝成為了Android版的Chrome,但有奇效。

搜狐視頻替換HTML5播放器后的效果

新浪視頻HTML5點此下載

顧名思義,是針對新浪視頻的JS腳本,可以讓你用HTML5來播放新浪視頻。

Acfun HTML5播放器點此下載

Acfun是比嗶哩嗶哩資歷更老的彈幕網站,不過在技術方面反而落後不少。這款擴展能讓Acfun如同B站那樣,也用上HTML5播放器,不過局限就是不能發彈幕。

Bilibili直播HTML5播放器點此下載

雖然嗶哩嗶哩的視頻是有HTML5播放器的,但是直播卻還是用Flash。這款擴展可以讓B站的直播也用HTML5來播放,而且還能夠看彈幕發彈幕。

讓嗶哩嗶哩的直播也支持HTML5

鬥魚HTML5播放器點此下載

這個腳本是讓鬥魚用HTML5來直播視頻的,它有點特殊,不能在Chrome上運行,只支持Firefox和Greasemonkey。

除此以外,Greasefork網站(點此進入)還有其他一些和HTML5視頻播放相關的腳本,大家可以自行尋寶,這裡就不一一介紹了。

總結

實際上,視頻網站從Flash轉變到HTML5並沒有太大的技術難度。去年開發者「謙謙」開源了「flv.js」(點此進入Github頁面),能夠讓HTML5直接播放Flv,網頁從Flash過渡到HTML5變得前所未有的平滑。不過,現狀是國內的一堆視頻站仍在使用Flash,希望這些站點都能早日轉型HTML5,給用戶帶來更好的體驗吧。



熱門推薦

本文由 yidianzixun 提供 原文連結

寵物協尋 相信 終究能找到回家的路
寫了7763篇文章,獲得2次喜歡
留言回覆
回覆
精彩推薦