HTML5視頻性能

幾周以來，我一直在開發基於HTML5的網站，並遇到一些主要的性能問題。這些問題肯定取決於設計的要求，但由於編碼仍然非常渺茫，僅使用少數幾種媒體類型，我不知道是否忽略了導致這些問題的某些因素。HTML5視頻性能

在你說出來之前 - 我知道一個Flash網站可以很容易地做到，而且性能更好。我嘗試只用HTML（5）來獲得類似的功能/設計，現在應該是可能的。

我正在談論一個帶有全屏視頻背景（HTML5）的網站，以及一個寬黑色背景中間欄的主要內容。內容可以包含YouTube/Vimeo風格大小的其他HTML5視頻。這是CPU的一半恐慌，我工作在最近的Mac Pro ...

我設置視頻（從480i到1080i的任何大小）與窗口的寬度&高度成比例。我也將它設置爲1080i和100％的大小。我還添加了JavaScript來暫停背景，只要其中一個較小的項目視頻是焦點。所有變化都會導致瀏覽器或網站情況出現令人無法接受的緩慢（另一個視頻播放）。

我被告知this example會有最好的表現。但我重複了數據速率和分辨率沒有任何好處。

誰是網絡視頻性能方面的專家？

來源

2010-12-22 neoflox

需要注意的一些事項：HTML5視頻和畫布元素使用GPU中的硬件加速，因此不僅取決於瀏覽器，還取決於瀏覽器運行的計算機。例如。具有較差圖形卡的計算機上的Chrome會比裝有高級圖形卡的計算機上的Chrome差。您還必須考慮帶寬和網絡延遲。

我會建議消除變量;首先在本地加載視頻以切斷網絡，然後嘗試使用具有不同硬件功能的不同機器，並查看最佳效果。你也可以嘗試不同的編碼。 OGG vs m4v vs h264

最後我會看看分辨率。小屏幕上的1080i可能並不值得。

來源

2010-12-22 17:34:26

嗨弗朗西斯。非常感謝你的迴應。我的OP沒有提到我的研究的每個細節，但恐怕我已經測試了所有這些。如果有專業的裁剪器和視頻編碼器，我的視頻會始終以最佳性能優化，而不會讓其順利運行。有趣的是，我工作在8核Mac Pro上，性能與我的gf Celeron筆記本一樣糟糕......我認爲這就是爲什麼HTML5還沒有建立起來。所有的簡約流體網站都很酷，但我還沒有真正發現原生html5視頻的優勢。 – neoflox 2010-12-23 09:07:50

我想你應該重新考慮你決定使用HTML5。

如果你有8個核心，甚至2個CPU，這並不重要。 HTML5尚未完成，目前的實施速度緩慢且出錯。你可能做的都對。

觀看大玩家（vimeo，谷歌），當他們切換到HTML5時，那可能是時候了。我不同意那些說「html5對一切都好」的人。我相信現在它不幸只是對iDevices（iphone，ipad）有好處......你有一個瀏覽器，所以規範在這裏「設置」。

另外，您無法將HTML5 VIDEO切換爲全屏。我認爲這會告訴你很多。

來源

2010-12-25 18:15:57 Slawek

回答

相關問題