javascript - 检测 HLS 音频播放事件

标签 javascript jquery nginx http-live-streaming

我正在使用 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/

相关文章:

node.js - 在 Nginx for Windows 上部署 Angular 构建

javascript - 无法从 Node js模块返回值

jquery - 如何在 jQuery 上进行链定位

javascript - 使 JQuery 自动完成始终显示特定选项

jquery - 我的 .on() 的行为类似于 .bind(),而不是 .live()

ruby-on-rails - Dockerized Rails 应用程序 : slow after container start

javascript - 可能未处理的 promise 拒绝 ID : Invalid FCM Event subscription

javascript - 如何在ajax返回后完全从dom中删除?

javascript - 如何仅当通过 jQuery 悬停一个表行(而不是悬停的行)时才向每个表行添加属性?

php - 没有 .php 扩展名的 nginx + php-fpm