增加 video-js HTML5 播放器的缓冲区大小或时间

Posted

技术标签:

【中文标题】增加 video-js HTML5 播放器的缓冲区大小或时间【英文标题】:Increase buffer size or time for video-js HTML5 player 【发布时间】:2015-07-01 15:59:39 【问题描述】:

如何增加 video-js html5 播放器的缓冲区?我有一台美国服务器,在美国一切都很好,但欧盟的客户端存在与视频缓存相关的加载问题。 video.js 中的缓冲区大小是恒定值,我想更改它。

【问题讨论】:

你检查我的答案了吗? 【参考方案1】:

您现在可以通过修改 videojs.Hls.GOAL_BUFFER_LENGTH 来自定义缓冲区长度以更改 HLS 视频的缓冲区大小,我尝试过,它对我有用

【讨论】:

@Steve Harrig 如果对您有用,请标记为答案 如何使用它? videojs.Hls 已弃用,使用 videojs.tech().Hls 没有 GOAL_BUFFER_LENGTH 属性 您找到解决方案了吗?【参考方案2】:

对我来说这很有效(video.js 7.7.6):

let player = videojs('my-player');

player.vhs.options_.externHls.GOAL_BUFFER_LENGTH = 60;

您可能还需要更改 MAX_GOAL_BUFFER_LENGTH 值,例如:

player.vhs.options_.externHls.MAX_GOAL_BUFFER_LENGTH = 80;

您可能需要增加缓冲区长度值的情况是您的观众在播放期间面临缓冲(例如,微调器而不是视频)。 Video.js 可能会在控制台中发出警告,表示其缓冲区值已更改。

注意缓冲区长度值。如果是直播,浏览器将继续加载(缓冲)视频片段,缓冲值越高,即使在暂停/停止播放器后下载的 MB 就越多。

Video.js 文档:https://github.com/videojs/http-streaming

Video.js 故障排除: https://github.com/videojs/http-streaming/blob/main/docs/troubleshooting.md

VideoJS 的使用类型定义: https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/video.js

【讨论】:

以上是关于增加 video-js HTML5 播放器的缓冲区大小或时间的主要内容,如果未能解决你的问题,请参考以下文章

html5 怎么点一个按钮,播放一个相应的视频

Video.js 简单的使用介绍

video.js分段自动加载视频html5视频播放器

Html5视频播放器-VideoJS+Audio标签实现视频,音频及字幕同步播放

Youtube 的 HTML5 视频播放器如何控制缓冲?

HTML5 网络音频卡住(缓冲问题?)