更新记录

1.2(2019-11-18)


平台兼容性

Android Android CPU类型 iOS
armeabi-v7a:未测试,arm64-v8a:未测试,x86:未测试

原生插件通用使用流程:

  1. 购买插件,选择该插件绑定的项目。
  2. 在HBuilderX里找到项目,在manifest的app原生插件配置中勾选模块,如需要填写参数则参考插件作者的文档添加。
  3. 根据插件作者的提供的文档开发代码,在代码中引用插件,调用插件功能。
  4. 打包自定义基座,选择插件,得到自定义基座,然后运行时选择自定义基座,进行log输出测试。
  5. 开发完毕后正式云打包

付费原生插件目前不支持离线打包。
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>

End

隐私、权限声明

1. 本插件需要申请的系统权限列表:

摄像头 录音

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问