HTML5優點太多 Facebook將視頻都遷移過來

汪覃曉

最近,Facebook將網絡中的視頻幾乎全部從Adobe Flash遷移到HTML5。當然,Facebook將繼續與Adobe合作,為平臺上的遊戲提供可靠、安全的Flash體驗,但會在所有的瀏覽器中默認使用 HTML5 技術播放視頻。從開發速度到易訪問性,HTML5提供瞭很多好處。

據Facebook 前端高級工程師丹尼爾·保利希介紹,使用Web技術使Facebook能夠利用開源社區和Facebook中已有的優秀瀏覽器工具,不必重新編譯代碼,並能夠在瀏覽器直接應用變化,從而讓Facebook得以快速行動。Facebook有優秀的測試基礎設施,遷移到HTML5視頻後,工程師可以自由地使用所有的Web工具,比如Jest和Webdriver。HTML5使工程師們能夠建立一個完全支持屏幕閱讀器和鍵盤輸入訪問的播放器,可以利用HTML5提供的輔助工具讓視力障礙人士更容易地使用產品。

視頻日志有助於Facebook瞭解用戶使用視頻播放器的工作情況。Facebook會向公眾分享一些數據,例如視頻觀看次數和視頻發佈者。丹尼爾·保利希表示,Facebook必須確保在同一場景中,新視頻播放器記錄的數據和老播放器記錄的數據一致,但由於配置差異和其他一些細節,要做到這一點非常困難。為確保日志數據的正確性,Facebook創建瞭一個測試套件,在相同的用戶交互場景下,同時運行兩個視頻播放器,然後驗證日志記錄是否一致,這樣能確保新的HTML5視頻播放器的報告數據有很高的可信度。

在將視頻轉移到HTML5技術之前,Facebook要解決的一個主要問題是各種瀏覽器中存在的關於HTML5視頻的bug(漏洞)。丹尼爾·保利希介紹說,在Chrome瀏覽器中,SPDY協議的某個bug會導致瀏覽器在News Feed上停止加載和播放視頻。工程師發現,這個問題是由於同時加載瞭太多視頻而觸發的,所以Facebook減少瞭視頻同時加載的數量,並確保如果加載的視頻不再需要時會盡快將它們刪除。

目前,大多數瀏覽器都支持HTML5視頻。然而,很多老版本瀏覽器上使用HTML5播放器比使用Flash播放器表現差,用戶需要更長的加載時間。因此,Facebook決定首先隻在一小部分瀏覽器上推出HTML5播放器,一旦提升瞭性能並修復瞭bug,會逐漸推向台中產後護理中心推薦更多的瀏覽器版本和操作系統。台中產後護理機構推薦

使用HTML5視頻技術不僅簡化瞭開發過程,同時也提高瞭用戶在Facebook上的視頻體驗。切換到HTML5後,視頻播放速度更快,用戶點贊、評論和分享視頻的數量更多瞭,並且用戶報告的錯誤更少瞭。Facebook在推出HTML5播放器時面臨的最後一個主要問題是:加載時間變長瞭。用戶加載時長是衡量用戶體驗的一個重要因素,丹尼爾·保利希表示,通過修復幾個小的性能問題以及多項細微的優化,終於達到一個令人滿意的水平。Facebook做出這項調整後,用戶似乎開始在視頻上花費更多的時間。


新型無人機既能上天又能下海 新型無人機既能上天又能下海 一款既能上天、又能下水的無人機也許不日便能幫助美國海軍開展搜救任務,甚至還能定位深海水雷的位置。 更多精彩>


有趣GIF圖:機器馴鹿拉聖誕老人 有趣GIF圖:機器馴鹿拉聖誕老人 每日有趣GIF圖:機器馴鹿拉聖誕老人 更多精彩>


視頻顯示太空垃圾58年累積過程 視頻顯示太空垃圾58年累積過程 近日發佈瞭一則1分鐘左右的視頻,顯示瞭從1957年由前蘇聯發射的第一顆衛星Sputnik升空以來,太空垃圾逐步累積的過程。 更多精彩>


腦殘有藥醫瞭!智商基因可增進智力 腦殘有藥醫瞭!智商基因可增進智力 現在科學傢發現瞭控制智商的兩條基因,未來有可能研究出增進腦力、甚至治好智力受損的方法。 更多精彩> 台中產後之家推薦

台中產後護理之家介紹台中產後照護推薦

台灣電動床工廠 電動床

台灣電動床工廠 電動床

AUGI SPORTS|重機車靴|重機車靴推薦|重機專用車靴|重機防摔鞋|重機防摔鞋推薦|重機防摔鞋

AUGI SPORTS|augisports|racing boots|urban boots|motorcycle boots

文章標籤
創作者介紹

貨物不簽收

fglbqiz9p 發表在 痞客邦 PIXNET 留言(0) 人氣()