html5 video audio currentTime 设定失效、重头开始播放

水机.Threeki

于 2020-04-15 17:22:08 发布

阅读量6.1k

点赞数 3

分类专栏： JavaScript node.js

本文链接：https://blog.csdn.net/qq_41893551/article/details/105539471

版权

在HTML5中，设置video或audio的currentTime属性有时可能失效，导致无法正常快进或后退。这通常是因为音视频源文件缺乏关键帧。高性能的浏览器可以通过重新解码创建关键帧，而低性能播放器则只能跳到最近的关键帧。解决方案包括选择高性能播放器、重新转码增加关键帧或使用HLS流媒体格式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

正确答案 (2020.6.23更新)

在服务器里，根据请求，确定客户端请求的视频范围是多少，然后返回对应的请求内容，就可以实现点击调整视频音频播放进度里

ctx.set({
   
	// 'status': '206 Partial Content',
	'Content-Range': `bytes ${
     start}-${
     end}/${
     size}`,
	'Content-Length': (end - start) + 1
})

ctx.body = fs.readFileSync(mp3).slice(start, end+1)

完整代码如下

router.get('/uploadFile/:filename', async(ctx, next) => {
   
	var mp3 = path.resolve('/server/uploadFile/' + ctx.params.filename)

	if (fs

最低0.47元/天解锁文章