HTML5视频性能
几个星期以来，我一直在开发基于HTML5的网站，并遇到一些主要的性能问题。 这些问题肯定取决于设计的要求，但由于编码仍然非常渺茫，仅使用少数几种媒体类型，我不知道是否忽略了导致这些问题的某些因素。
在你说出来之前 - 我知道一个Flash网站可以很容易地做到同样有更好的性能。 我尝试只用HTML（5）来获得类似的功能/设计，现在应该是可能的。
我正在谈论一个带有全屏视频背景（HTML5）的网站，以及广泛的黑色背景中间栏中的主要内容。 内容可以包含YouTube / Vimeo风格大小的其他HTML5视频。 这是CPU发生一半的恐慌，我在最近的Mac Pro上工作......
我将视频（从480i到1080i的任何尺寸）设置为根据窗口的宽度和高度进行缩放。 我也将它设置为1080i和100％的大小。 我还添加了JavaScript来暂停背景，只要其中一个较小的项目视频是焦点。 所有变化都会导致浏览器或网站情况出现令人无法接受的缓慢（另一个视频播放）。
我被告知这个例子会有最好的表现。 但是我重复了数据速率和分辨率，没有任何好处。
谁是网络视频性能方面的专家？
需要注意的一些事项：HTML5视频和画布元素使用GPU中的硬件加速，因此不仅取决于浏览器，还取决于浏览器运行的计算机。 例如，如果显卡性能较差的计算机上的Chrome浏览器比具有高档显卡的计算机上的Chrome浏览器更糟糕。 您还必须考虑带宽和网络延迟。
我建议消除变量; 首先在本地加载视频以切断网络，然后尝试使用具有不同硬件功能的不同机器，并查看最佳效果。 你也可以尝试不同的编码。 OGG vs m4v vs h264
最后我会看看决议。 小屏幕上的1080i可能并不值得。
我认为你应该重新考虑你使用HTML5的决定。
无论你有8个内核还是2个CPU都没关系。 HTML5尚未完成，目前的实施速度缓慢且出错。 你可能做的都对。
观看大玩家（vimeo，谷歌），当他们切换到HTML5时，那可能就是时候了。 我不同意那些说“html5对一切都好”的人。 我相信现在它不幸只是对iDevices（iphone，ipad）有好处......你有一个浏览器，所以规范在这里“设置”。
另外，您无法将HTML5 VIDEO切换为全屏。 我认为这会告诉你很多。
链接地址: http://www.djcxy.com/p/49559.html