我正在使用 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 同步？
提前致谢
最佳答案
我相信您可以使用 oncanplaythrough 事件。
var audio = document.getElementById("preview-audio");
audio.oncanplaythrough = function() {
console.log("Audio can be played.");
};
关于 oncanplaythrough 的更多信息 here .
关于javascript - 检测 HLS 音频播放事件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35840786/