shady-xia / flvExtend

基于 flv.js 的功能扩展插件(追帧、断流重连、实时更新)
https://shady-xia.github.io/flvExtend
Other
155 stars 31 forks source link

无法监听到视频事件 #10

Closed zym0110 closed 1 year ago

zym0110 commented 1 year ago

image // 配置需要的功能 const flv = new FlvExtend({ element: this.videoRef, // *必传 frameTracking: true, // 开启追帧设置 updateOnStart: true, // 点击播放后更新视频 updateOnFocus: true, // 获得焦点后更新视频 reconnect: true, // 开启断流重连 reconnectInterval: 2000, // 断流重连间隔(ms) trackingDelta: 2, // 追帧最大延迟 }); // 调用 init 方法初始化视频 // init 方法的参数与 flvjs.createPlayer 相同,并返回 flvjs.player 实例 this.playerIns = flv.init( { type: "flv", url: this.props.videoUrl, isLive: true, }, { enableStashBuffer: false, // 是否启用IO隐藏缓冲区。如果您需要实时(最小延迟)来进行实时流播放,则设置为false autoCleanupSourceBuffer: true, // 对SourceBuffer进行自动清理 stashInitialSize: 128, // 减少首帧显示等待时长 } ); this.playerIns.on("play", (e: any) => { console.log("play", e); });

作者您好,这里得视频播放事件无法打印,也就意味监听功能失效

XiaotaoTTTtian commented 1 year ago

flv.js里面好像没有这个事件。用下面这种方法,直接监听这个元素的播放事件 this.videoElement.addEventListener('play', () => { // Do something })

shady-xia commented 1 year ago

楼上正解,flv没有提供这些事件api,不过可以直接监听video元素的原生事件

zym0110 commented 1 year ago

flv.js里面好象没有这个东西。用下面这种方法,直接监听这个元素的播放 器this.videoElement.addEventListener('play', () => { // Do something })

感谢,确实可以

zym0110 commented 1 year ago

楼上正解,flv没有提供这些事情api,不过可以直接监听video元素的原生事件

感谢感谢,这个可以关了