Re: [-Fx-] 比較 youtube HTML5及Flash的 CPU 使用率

[kizajan (Rybczynski)]

               簡單實測一下Firefox播放Youtube，在分別使用

            Flash(H.264)、HTML5(VP9)及HTML5(H.264)下的差異。

               文長，懶得看的讀者可以直接看結果。
               http://i.imgur.com/kn1ofFZ.png 


       測試環境：

                    CPU: Athlon II X4 640 (lock at 3000MHz)

                    RAM: DDR2 2Gx4 800MHz

                    VGA: AMD HD 7790

                    OS: Windows 7 Ultimate x64 sp1

                    Browser: Firefox 38.0a2 x64

                             Flash 16.0.0.305

      測試方法：
                    以前文的影片作測試
                    http://youtu.be/qw6MP5nXUJc

                    畫質設定為1080p，取兩分鐘為樣本。
                    並使用資源監視器輔以工作管理員查看CPU load。


       測試一：
                    使用此插件來強制使用Flash播放Youtube
                    http://goo.gl/A1Nca9  YouTube Flash Player v1.2

                    結果如下
                    http://i.imgur.com/5CaIGJ6.jpg
                    http://i.imgur.com/ZumsOi0.jpg

                    平均CPU load為15.56%


       測試二：

                    以預設的方式播放，也就是HTML5+H.264

                    結果如下
                    http://i.imgur.com/uLYaLB3.png
                    http://i.imgur.com/ADlouVD.png

                    平均CPU load為5.06%


       測試三：
                    進入about:config內設定
                    media.mediasource.webm.enabled;true

                    此時會以HTML5+VP9來播放

                    結果如下
                    http://i.imgur.com/NbyFIw3.png
                    http://i.imgur.com/WUsroqt.png

                    平均CPU load為22.27%



       結論：
                    http://i.imgur.com/kn1ofFZ.png

                    現階段若要以節省電腦效能來說，以HTML5+H.264配合

                硬體解碼才是最適合的選擇。


--


      I'm gonna make her an offer she can't refuse.  ♥

                                        - The Ghostfather

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 220.133.65.15
※ 文章網址: https://www.ptt.cc/bbs/Browsers/M.1425713024.A.2D6.html
※ 編輯: kizajan (220.133.65.15), 03/07/2015 15:29:56
推 andrew43: 有測過全螢幕嗎？
推 mayuyu: 我以前在推文中有提過
→ mayuyu: Firefox的HTML5播放H.264在不同系統下會有不同表現
→ mayuyu: 這是因為Firefox因為權利金的關係 沒有寫自己的
→ mayuyu: H.264解碼器 雖然現在有Cisco開放的OpenH264解碼器
→ mayuyu: 但是這個解碼器目前只支援Baseline Profile的解碼
→ mayuyu: 所以無法運用在youtube的Main/High Profile影片播放
→ mayuyu: OpenH264解碼器目前只用在Firefox的視訊通話上
→ mayuyu: Fx在Windows系統下 目前是透過Windows Media Foundation
→ mayuyu: 使用系統上微軟的H.264解碼器 而微軟的這個解碼器
→ mayuyu: 是最早支援Intel QuickSync的解碼器 是所有H.264
→ mayuyu: 解碼器當中 解碼速度最快的解碼器
→ mayuyu: 當年ffmpeg還不支援QuickSync的時候 解碼速度和
→ mayuyu: 系統的微軟解碼器相差4.5倍以上 所以在WIN7+以上系統
→ mayuyu: Firefox + HTML5 + H.264 是解碼速度最快的方案
→ mayuyu: 但是在Windows XP因為沒有Windows Media Foundation
→ mayuyu: 所以無法支援H.264解碼 在Linux系統下則需要靠額外的
→ mayuyu: 解碼器例如ffmpeg 在OS X系統下則需要35+版的Firefox
→ mayuyu: 透過新寫好的Muxer來使用OS X內建的H.264解碼器
→ mayuyu: 所以 Firefox + HTML5 + H.264 在不同系統下會有不同表現
推 mayuyu: 另外全螢幕的CPU使用率反而降低 因為目前Flash
→ mayuyu: 是軟體rendering 畫面縮小要使用CPU計算
→ mayuyu: 所以全螢幕1:1點對點的時候反而減少負擔
推 labbat: 以前以為ffmpeg是編碼器 還另外找k-lite當解碼器
→ Triedge: 把影片備分下來用自己的播放器播，看完再決定留不留(無痛
→ Triedge: 要加速幾倍就幾倍，也不用受限瀏覽器，邪門歪道解
→ brli7848: smtube+vlc或smplayer無壓力:3
→ s8321414: 樓上+1