更新记录
1.2(2019-11-18)
无
平台兼容性
Android | Android CPU类型 | iOS |
---|---|---|
√ | armeabi-v7a:未测试,arm64-v8a:未测试,x86:未测试 | √ |
原生插件通用使用流程:
- 购买插件,选择该插件绑定的项目。
- 在HBuilderX里找到项目,在manifest的app原生插件配置中勾选模块,如需要填写参数则参考插件作者的文档添加。
- 根据插件作者的提供的文档开发代码,在代码中引用插件,调用插件功能。
- 打包自定义基座,选择插件,得到自定义基座,然后运行时选择自定义基座,进行log输出测试。
- 开发完毕后正式云打包
付费原生插件目前不支持离线打包。
Android 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/android
iOS 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/ios
注意事项:使用HBuilderX2.7.14以下版本,如果同一插件且同一appid下购买并绑定了多个包名,提交云打包界面提示包名绑定不一致时,需要在HBuilderX项目中manifest.json->“App原生插件配置”->”云端插件“列表中删除该插件重新选择
欢迎使用Wind-TencentLiveSDK 腾讯云直播SDK 移动直播SDK
本模块支持ios,安卓
使用本模块可快速集成腾讯云直播功能,实现基本的直播 推流拉流 美颜 等功能
有bug 可联系 QQ:1491314806 持续更新
使用步骤
申请腾讯云 sdk license 可先使用测试版测试。 https://console.cloud.tencent.com/live/license
1.在manifest中app原生插件配置中,添加云端插件,在App模块权限配置中勾选TencentLiveSDK; 2.打包自定义基座,等待基座下载完成; 3.运行前,在『运行基座选择』中选择『自定义基座』,然后再运行。
新建nvue文件
示例代码
<template>
<div>
<text style="position: fixed;top: 300px;">hello</text>
<Wind-TencentLive style="width:400px; height:400px;" ref="myview"></Wind-TencentLive>
<button @click="initPusher()">初始化推流</button>
<button @click="startPreview()">预览</button>
<button @click="stopPreview()">停止预览</button>
<button @click="startPush()">开始推流</button>
<button @click="endPush()()">停止推流</button>
<button @click="setBeautyStyle()">设置美颜级别</button>
<button @click="setVideoQuality('1')">普清</button>
<button @click="setVideoQuality('2')">高清</button>
<button @click="setVideoQuality('3')">超清</button>
<button @click="switchCamera()">切换摄像头</button>
<button @click="toggleTorch()">切换闪光灯(后摄像头)</button>
<button @click="initPlayer()" style="margin-top: 20rpx;">初始化拉流播放器</button>
<button @click="setRenderRotation('horizontal')">横屏</button>
<button @click="setRenderRotation('normal')">竖屏</button>
<button @click="setRenderMode('fill')">填充</button>
<button @click="setRenderMode('auto')">自适应</button>
<button @click="pausePlayer()">暂停播放</button>
<button @click="resumePlayer()">继续播放</button>
<button @click="destroyPlayer()">结束播放</button>
</div>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
initPusher() {
//初始化
this.$refs.myview.initPusher({
licenceURL: "http://license.vod2.myqcloud.com/license/v1/xxx.licence",
licenceKey: "xxxx",
}, res => {
console.log(res); //返回0成功 1失败 检查推流地址 -5 授权信息错误
});
},
startPush() {
//需先开启摄像头预览 方可推流
let url = "rtmp://xxx";
this.$refs.myview.startPush({
pushUrl: url
}, res => {
console.log(res);
});
},
pausePush() {
this.$refs.myview.pausePush();
},
startPreview() {
this.$refs.myview.startPreview();
},
stopPreview() {
this.$refs.myview.stopPreview();
},
endPush() {
this.$refs.myview.endPush();
},
isPublishing() {
this.$refs.myview.isPublishing();
},
toggleTorch() {
this.$refs.myview.toggleTorch();
},
switchCamera() {
this.$refs.myview.switchCamera();
},
setVideoQuality(type) {
this.$refs.myview.setVideoQuality({
type: type //1 普通 2高清 3 超清 拉流端可体现。
});
},
setBeautyStyle() {
//beautyStyle 美颜算法: 0:光滑 1:自然 2:朦胧
//beautyLevel 磨皮等级: 取值为 0-9.取值为 0 时代表关闭美颜效果.默认值: 0,即关闭美颜效果.
//whiteningLevel 美白等级: 取值为 0-9.取值为 0 时代表关闭美白效果.默认值: 0,即关闭美白效果.
//ruddyLevel 红润等级: 取值为 0-9.取值为 0 时代表关闭美白效果.默认值: 0,即关闭美白效果.
this.$refs.myview.setBeautyStyle({
beautyStyle: "0",
beautyLevel: "9",
whitenessLevel: "9",
ruddinessLevel: "9"
});
},
initPlayer() {
//初始化播放器
this.$refs.myview.initPlayer({
playUrl:"rtmp://live.xx.com/live/app" //支持rtmp flv m3u8
});
},
setRenderRotation(type) {
this.$refs.myview.setRenderRotation({
type: type, //horizontal横屏 normal竖屏
});
},
setRenderMode(type) {
this.$refs.myview.setRenderMode({
type: type, //fill填充模式 不填则默认自适应auto
});
},
pausePlayer() {
this.$refs.myview.pausePlayer();
},
resumePlayer() {
this.$refs.myview.resumePlayer();
},
destroyPlayer() {
this.$refs.myview.destroyPlayer();
}
},
mounted() {
console.log(123);
}
}
</script>
<style>
</style>