HTML5 视频流/寻

标签 html video video-streaming seekbar

我正在尝试提供即时转码的视频。不幸的是,这意味着寻求不起作用。我假设这是因为浏览器不知道视频有多长,因此无法正确显示搜索栏。

有谁知道是否可以对视频的时长进行硬编码?

我想到的另一个选择可能是创建我自己的搜索栏并使用 JS 更新它的位置,如果拖动,更新视频 URL 以将开始时间传递给服务器。

关于执行此操作的最佳方法有什么建议吗?

W

最佳答案

您需要提供更多信息以了解其在服务器上的工作方式。但是,这是我对正在发生的事情的一般性回答。

你的服务器上有一个特定格式的视频,它以不同的格式提供,我假设是为了浏览器兼容性(WebM for firefox 等)。

您应该做的是为所有上传的视频建立一个数据库,以跟踪其原始格式的长度。然后,当将视频转码为不同格式时,您可以检查数据库以查看其长度,而不是尝试将其从转码流中拉出。

用它来为自己创建一个长度为最大值的 slider 。

然后使用 slider 的值将 currentTime 设置为 html5 视频元素。

关于HTML5 视频流/寻,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6330566/

相关文章:

javascript - 使用 AES 和自定义 key 使用 WebCrypto API 加密和解密视频

java - 在 javaME 中仅从取景器获取缩略图而不是整个照片

javascript - jQuery 滚动播放下一个视频

video - Google 云端硬盘 - 视频流

html - 将不同的段落放在html5中的3张图片下,使用一个类

css - 在 html5 语义标签周围包装一个 div?

nginx - 使用 nginx rtmp 在多个流输入之间切换

c++ - 使用 OpenCV 访问网络摄像机

javascript - jQuery 中的选择器 ^ - 如何全部?

javascript - JS。如何获取具有相似类名的 div 列表?