uniapp 集成腾讯云超级播放器问题

H5
1.h5页面使用腾讯云播放器需要引用腾讯云的播放器的js，引用之后会发现报错，所以采用webview的方式加载html的方式进行开发

重点： H5开发场景不通使用的方式会不一样，如果使用官方的webview会发现vue页面无法进行数据的传递，只能初始化的时候传值拼在链接上面，所以H5，如果需要vue除了链接传值还有其他的传值，这边建议的是，采用iframe

vue 页面的数据

<iframe :src="txVideourl" ref="iframe"></iframe>

数据的初始化

 mounted() {let _this = this;window.onmessage= (event) => {// 根据上面制定的结构来解析iframe内部发回来的数据const data = event.dataswitch (data.cmd) {case 'returnFormJson':// 业务逻辑break}}this.iframeWin = this.$refs.iframe.contentWindow;},

// 传值的时候

 this.iframeWin.postMessage({cmd: 'stopVideo',params: {isPause: false}}, '*')

html 接受的时候
1.引用uni_relevant_sdk.js
2.页面js 初始化的时候,需要等待上面js完成

document.addEventListener('UniAppJSBridgeReady', function() {})

//监听消息.

window.addEventListener("message", function(event){let _this = this;var data = event.data;switch (data.cmd) {case 'getFormJson':break}
});

app
1.如果app使用腾讯云插件，使用原生集成可忽略此方法，如果需要h5 引用的方式，其实和之前一样差不多的方式只需要webview 换掉iframe，因为iframe在app不会加载，但是使用vue页面是无法进行vue除了链接的方式进行传值，只能采用nuve页面

重点

<web-view :src="src" ref="webview"  @message="messageToMeth"></web-view>

html 接受的时候
1.引用uni_relevant_sdk.js
2.页面js 初始化的时候,需要等待上面js完成

document.addEventListener('UniAppJSBridgeReady', function() {function postMessage (params,code) {if(code == "1") { // 下载uni.postMessage({"data": {"code": "1","data": params,}});} }
})

uniapp 集成腾讯云超级播放器问题相关推荐

腾讯云点播播放器TCPlayer开发文档整理edusoho
首先在你的页面中引入css.js文件 <link href="https://imgcache.qq.com/open/qcloud/video/tcplayer/tcplayer.c ...
腾讯云云点播获取视频超级播放器的签名nodejs版
如果想用腾讯云超级播放器播放视频,那么在创建任务流进行视频转码时必须配置自适应码流模板,如果是使用三方播放代码播放腾讯云点播转码视频时,只需配置标准转码模板即可. PS:使用腾讯云超级播放器播放自适应 ...
uniapp对接腾讯云IM+音视频。音视频含UI集成
uniapp对接腾讯云IM+音视频文章目录 uniapp对接腾讯云IM+音视频前言一.准备工作二.使用步骤 1.App.vue配置 2.登录时操作 login.vue 3.使用方法一.音视频 ...
项目中集成SuperPlayer 超级播放器和腾讯云IM TUIKit
项目中集成SuperPlayer 超级播放器和腾讯云IM TUIKit 菜
Java集成腾讯云音视频录制功能
Java集成腾讯云音视频录制功能为什么要实现音视频录制功能因为我们做的是一个医院的项目,医生和患者可能进行视频通话和语音通话,为了保证通话的质量以及后续的问题, 我们就需要进行音视频录制,以便后续 ...
融云 CDN 播放器 2.0 版本正式上线
近期,融云自研 CDN 播放插件 2.0 版本正式上线.在原有版本支持融云内置 CDN 直播流播放的基础上,开放了相关 API,满足开发者的多种业务需求.关注[融云全球互联网通信云]了解更多融云 C ...
android使用阿里云推流播放器记录
android使用阿里云推流播放器记录: 在这里扯一句,如何删除csdn自己上传的资源:(参考:https://blog.csdn.net/qq_38122230/article/details/79 ...
酷播云H5播放器倍速播放功能
大家好,我是小酷,小酷今天来说说H5播放器倍速播放功能: 酷播云是支持HTML5播放器及Flash播放器,两者兼容,可自由切换.其中,H5播放器自带倍速播放功能,用户可选择视频的播放速度. 酷播云Ht ...
使用springboot集成腾讯云短信服务，解决配置文件读取乱码问题
使用springboot集成腾讯云短信服务,解决配置文件读取乱码问题参考文章: (1)使用springboot集成腾讯云短信服务,解决配置文件读取乱码问题 (2)https://www.cnblog ...
python实现播放音乐_python实现简易云音乐播放器
本人最近在学习python,在看了一些教程后,用python写了一个简单的云音乐播放器,下面把主要代码贴上来,其中用到了github上他人写的一个汉字转拼音的库,大家可以在github上找到. #co ...

uniapp 集成腾讯云超级播放器问题

uniapp 集成腾讯云超级播放器问题相关推荐

最新文章

热门文章