HLS.js 获取视频片段信息

Posted

技术标签:

【中文标题】HLS.js 获取视频片段信息【英文标题】:HLS.js get video segment info 【发布时间】:2020-10-01 21:25:32 【问题描述】:

我正在尝试从我的视频片段中获取有关 hls.js 的分析。 我正在寻找视频片段的大小以及视频片段通过网络的时间。

我目前正在使用 HLS 事件,但运气不佳:

this.hls.on(HLS.Events.BUFFER_APPENDING, (event, data) => 
    console.log(data);
    console.log('segment added to buffer');
);

我已经尝试了 BUFFER_APPENDED、BUFFER_APPENDING、FRAG_CHANGED,但没有得到我想要的信息。

【问题讨论】:

@johmbumble 你试过LEVEL_LOADED 还是FRAG_BUFFERED?存储库中的 Demo 文件夹具有很好的统计信息集合,您可能可以使用它:github.com/video-dev/hls.js/tree/master/demo 是的,我使用了错误的事件:类似于:this.hls.on(HLS.Events.FRAG_BUFFERED, (event, stats) => //console.log('total = ' + stats.stats.tfirst); console.log('total = ' + (stats.stats as any).total); );是我需要的 @johmbumble 太棒了,你介意我添加它作为答案吗? 【参考方案1】:

FRAG_BUFFEREDLEVEL_LOADED 事件应该有你需要的统计信息。

存储库中的 Demo 文件夹具有良好的统计信息收集水平,您可以使用它来收集统计信息: https://github.com/video-dev/hls.js/tree/master/demo

【讨论】:

以上是关于HLS.js 获取视频片段信息的主要内容,如果未能解决你的问题,请参考以下文章

如何让 Hls.js 在准备好后自动播放视频?

使用hls.js播放m3u8视频流

如何让 HLS.js 从服务器端获取数据?

如何获取 .mp4 视频文件的 Dash 片段

B 站 HTML5 播放器内核 Flv.js

[JavaScript] HTML5 播放hls流媒体视频流