vue 监听TcPlayer腾讯云直播结束方法（使用防抖案例）

1.防抖函数


export const Debounce = (func, wait) => {let timer;return function() {let context = this; // 注意 this 指向let args = arguments; // arguments中存着eif (timer) clearTimeout(timer);timer = setTimeout(() => {func.apply(this, args)}, wait)}
}

2.liveStramVideo.vue

data:

options: {rtmp: "",m3u8: "",// m3u8: "http://www.isst.top/live/40.m3u8?txSecret=e3ee333083c40f7236ff472864418635&txTime=5F18EBE4",// m3u8:"http://www.isst.top/live/40.m3u8?txSecret=e036a2dcc841dd07f641b4d3622fb066&txTime=5F18072C",flv: "", //请替换成实际可用的播放地址autoplay: true, //iOS 下 safari 浏览器，以及大部分移动端浏览器是不开放视频自动播放这个能力的poster: {style: "cover",src: "",// src:""},width: "100%",height: "100%",wording: {},controls: "default", //控制器h5_flv: true,x5_player: true,x5_type: "h5",x5_fullscreen: true,x5_orientation: 1,// live:true,listener: (msg) => {console.log("监听直播", msg.timeStamp);if (msg.timeStamp > 20000) {this.getEndStatus();}if (msg.type === "error") {this.$router.back();}},},

methods:

getEndStatus: Debounce(function () {if (this.routeName === "liveStreaming") {console.log("直播结束了");this.$router.back();}}, 5000),

vue 监听TcPlayer腾讯云直播结束方法（使用防抖案例）相关推荐

监控、无人机摄像头RTSP协议对接腾讯云直播
监控.无人机摄像头RTSP协议对接腾讯云直播 1. 需求与目标传统监控高清摄像机ip camera(如: 海康,大华等)遵循监控行业标准,一般只支持rtsp传输协议,互联网直播通用标准为rtmp协议 ...
腾讯云直播答题方案解析
2019独角兽企业重金招聘Python工程师标准>>> 欢迎大家前往云+社区,获取更多腾讯海量技术实践干货哦~ 作者: 腾讯视频云进入2018年最火的新鲜事物无疑就是" ...
一文带你深度解析腾讯云直播答题方案
欢迎大家前往云+社区,获取更多腾讯海量技术实践干货哦~ 作者:腾讯视频云进入2018年最火的新鲜事物无疑就是"直播答题"了,动辄上百万的奖金更是吸引了大量用户的参与.一场直播动辄 ...
Vue监听滚动条事件点击回到顶部
Vue监听滚动条事件点击回到顶部监听滚顶条事件: created () {this.listenerFunction(); }, beforeDestroy () {document.remove ...
Vue跨路由触发事件，Vue监听sessionStorage
近来,在做公司的聊天系统,引用的是极光的api.项目需求实时监听别人发过来的消息,进行渲染到页面,还有历史记录也要渲染,历史记录和实时聊天记录返回的结构体还不一样,看到需求的我欲哭无泪,首先登录是在首 ...
推流地址 java_Java实现腾讯云直播生成推流地址和播放地址
最近在做小程序直播,用到了腾讯云直播,下面为相关文档和程序 URL规则:https://cloud.tencent.com/document/product/267/13457 防盗链计算:https ...
vue 监听map数组变化_解决vue无法侦听数组及对象属性的变化问题
一.数组 1.可以监听到的情况如push.splice.=赋值(array=[1,2,3]) 2.无法监听到的情况使用下标修改某个元素(这种比较常见) array[index] = 1 objec ...
腾讯云直播sdk_官方推荐 | 2分钟带你认识腾讯云直播 CSS
关注腾讯云大学,了解最新行业技术动态一.课程概述云直播(Cloud Streaming Services,CSS)为您提供极速.稳定.专业的云端直播处理服务,根据业务的不同直播场景需求,云直播提供 ...
vue 监听页面滚动事件：触发animate.min.css动画特效
一.问题答疑: 1. animate.css 如何在vue项目中引入?或引用? 2. 如何监听滚动事件,触发animate.class动画播放? vue 监听滚轮滚动事件,for循环 ,动态id,代码 ...

vue 监听TcPlayer腾讯云直播结束方法（使用防抖案例）

vue 监听TcPlayer腾讯云直播结束方法（使用防抖案例）相关推荐

最新文章

热门文章