javascript - 检测 HLS 音频播放事件

Question

我正在使用 nginx 和 nginx rtmp 模块为移动设备创建音频流。对于视频，我使用 ffmpeg 将视频切片为 jpeg 图像，这样我就可以向移动用户显示视频流。音频分离导致音频延迟 15-30 秒。我假设发生这种情况是因为 jpeg 视频在音频缓冲区之前开始。所以我尝试的是捕获 <audio>事件“canplay”，当此事件触发时，开始视频预览。

音频源示例:http://example.com:8081/hls/audio.m3u8

检测代码:

 var audio = document.getElementById('preview-audio');
 audio.oncanplay=function(){ console.log('audio loaded'); };

但是这个事件永远不会触发。只有触发的事件是“loadstart”和“progress”。如何检测音频是否已缓冲，以便我可以将其与 jpeg 同步？

提前致谢

Answer 1

我相信您可以使用 oncanplaythrough 事件。

var audio = document.getElementById("preview-audio");
audio.oncanplaythrough = function() {
    console.log("Audio can be played.");
};

关于 oncanplaythrough 的更多信息 here .