HTML5 视频 - 最大播放速率是多少?

2024-01-07

您可以设置 HTML5 视频元素的播放速率:

var player = document.getElementById("video");
player.playbackRate = 100;

w3 规范没有定义限制。最大播放速率是多少<video>Chrome 和 Firefox 中的元素?如果播放速率与浏览器无关,那么是什么决定了它呢?

研究:

MDN HTML 媒体元素 https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement表示某些浏览器将停止播放超出 0.25x - 4x 播放范围的音频。它没有说明视频元素是否会继续播放视频。

YouTube 的播放器支持 0.25x - 2x 之间的速度。这是一个 Flash 播放器,而不是 HTML5 视频元素,我对它不感兴趣。

就我个人而言,我在我的计算机上本地创建了一个测试页面<video>元素和本地视频文件。我可以将播放速率设置为任意值(例如 100),但视频的播放速度似乎不超过约 5 倍。我实际上无法检查播放速度,因为它只返回我设置的值“100”。


已更新 07/08/2021 以反映浏览器行为的最新变化

Firefox:

根据源代码,Firefox 应该将有效播放速率限制在0.0625 - 16.0范围。在我的测试中,它不再遵循这一点,并且根本不限制播放速率。但是,如果播放速率低于0.5,或者高于4.0.

Source- Firefox 源代码位于dom/html/HTMLMediaElement.cpp https://searchfox.org/mozilla-central/rev/f1c881ba5603410dacbe52874053af38bd825c3b/dom/html/HTMLMediaElement.cpp#179-183

Chrome:

Chrome 将播放速率限制在一定范围内0.0625 - 16.0。在我的测试中,如果速率低于0.5,或高于4.0.

Source- Chromium 源代码位于Third_party/blink/renderer/core/html/media/html_media_element.h https://source.chromium.org/chromium/chromium/src/+/f23e01e01c7072467e0f5eb1f299fdd0032fdc46:third_party/blink/renderer/core/html/media/html_media_element.h;l=108-110

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

HTML5 视频 - 最大播放速率是多少? 的相关文章