该文章或问题已被删除

Android 和 IOS 腾讯云 短视频插件

价 格: ¥600.00

简 介: 支持 Android 和 IOS 腾讯云 短视频拍摄编辑、上传视频

跳转到 uniapp 插件市场

详细内容

Android 和 IOS 腾讯云 短视频插件

1.首先到,腾讯云网站 申请短视频的相关资料 , 短视频的 LicenceURL 和 key .

2. 到访问管理项 进入网站 ,API 密钥管理-》获得AppId .

插件说明

首先需要在uniapp 项目配置文件中-》选择原生插件配置-》选择本地插件-》 然后在插件上填入:key 和 appid

IOS 需要添加相关权限

复制代码"privacyDescription" : {
    "NSAppleMusicUsageDescription" : "需要访问您的媒体库权限以获取音乐,不允许则无法添加音乐",
    "NSCameraUsageDescription" : "需要访问您的相机权限,开启后录制的视频才会有画面",
    "NSMicrophoneUsageDescription" : "需要访问您的麦克风权限,开启后录制的视频才会有声音",
    "NSPhotoLibraryAddUsageDescription" : "需要访问您的相册权限,开启后才能保存编辑的文件",
    "NSPhotoLibraryUsageDescription" : "需要访问您的相册权限,开启后才能编辑视频文件"
}

插件方法介绍

1. 实例化插件

复制代码const  plug=uni.requireNativePlugin("Html5app-LiteAV");

2. 初始化方法 Init , 写在应用首页的 onLoad() 方法中,加载一次即可

复制代码        onLoad() {

        let _this=this; 

        //初始化插件     
        plug.Init({
         appid:"",  //腾讯云点播appid
         key:"", //短视频key
        "setLicenceURL":"http://license.vod2.myqcloud.com/license/v1/6467f386e5041576c27da8c4a724ce80/TXUgcSDK.licence"
        },ret=>{

        _this.title=JSON.stringify(ret);

        });

    }
  • 提示,appid 和 key 可以在云端插件那个位置填写,也可以在这个初始化的方法中填写,如果在 Init 方法中填写,以它为准。

3. 视频录制 recorderVideo

复制代码        plug.recorderVideo({
        "ratio":"16/9", //视频比例
        "quality":"MEDIUM", // 清晰度
        "isedit":false ,//是否录制完,马上跳到视频编辑页面
        "min":5, //允许最小的录制时间
        "max":20 ,//允许最大的录制时间
        "camera":"first",//=》前摄像头,back 后摄像头
        "customize":{
        "resolution":"540p", //分辨率
        "bite":6500,  //码率
        "fps":20, //帧率
        "gop":3 //关键帧间隔
        },
        buttons:{scale:0,beauty:0,music:0}
        },ret=>{

        if(ret.code=="0") //拍摄返回视频信息
        {

        }

        });

I. 参数说明

参数名称说明是否必填默认值
ratio视频比例: 16/9 , 4/3 , 1/116/9
quality清晰度: 标清:LOW 高清:MEDIUM , 超清:HIGHMEDIUM
isedit是否录制完马上进入编辑视频页面false
min最小的录制时间单位秒/s5
max最大的录制时间单位秒/s20
customize自定义视频清晰度,如果写了这个参数,以上的 quality 侧无效
buttons录制界面 屏比,美颜,音乐,三个选项按钮,可以设置隐藏或显示

customize 参考包含 4 个子参数

参数名称说明是否必填默认值
resolution分辨率包含三个: 360p,540p,720p540p
bite码率6500
fps帧率20
gop关键帧间隔3

buttons 参考包含 3 个子参数

参数名称说明是否必填默认值
scale屏比,按钮显示=>0 ,隐藏=>10
beauty美颜,按钮显示=>0 ,隐藏=>10
music音乐,按钮显示=>0 ,隐藏=>10

III 录制成功返回 , 平台的视频绝对路径和视频的封面截图

复制代码{    "code": 0,
    "imagePath": "/storage/emulated/0/TXUGC/TXUGC_20190822_035431669.jpg",
    "videoPath": "/storage/emulated/0/DCIM/TXUGC_20190822_035431669.mp4"
    "duration":7
}
  • duration 参数是视频时长,单位秒.

4. 编辑视频 editVideo , 参数:无 ,返回的数据跟录取视频一样

复制代码plug.editVideo({},ret=>{

});

输入视频平台绝对路径

复制代码plug.editVideo({paht:""},ret=>{

});

5. 拼接视频 stitchingVideo 参数:无

复制代码    plug.stitchingVideo({},ret=>{

    });

6.图片转视频 imageVideo 参数:无

复制代码    plug.imageVideo({},ret=>{

    });

7. 上传视频到腾讯云点播 uploadVideo

复制代码   plug.uploadVideo({
        "videoPath":videoPath, 
        "coverPath":imagePath,
        "fileName":"视频名字", 

        "signature":res.data.sing  //签名信息
        },ret=>{

        });

I. uploadVideo 方式包含四个参数

参数名称说明是否必填
videoPath视频本地路径
coverPath视频封面图本地路径
fileName视频名字
signature上传视频需要的签名信息,在服务器上获取 签名生成示例

II .返回的内容

totalSize : 视频总大小字节, currentSize :上传进度大小字节

复制代码{"totalSize":4372381,"code":"5","currentSize":3734810,"msg":"视频上传中"}

III .上传成功后 , 返回腾讯云点播服务器上的网络地址

复制代码{
    "playUrl": "https://1251146759.vod2.myqcloud.com/fc06764bvodcq1251146759/d30e3ee65285890793112515523/AZmr11Uc4A.mp4",
    "code": "7",
    "fileId": "5285890793112515523",
    "msg": "视频上传成功",
    "coverUrl": "https://1251146759.vod2.myqcloud.com/fc06764bvodcq1251146759/d30e3ee65285890793112515523/52850793112515524.jpg"
}

8. 取消上传 cancleUpload 参数: 无

复制代码    plug.cancleUpload({},ret=>{

    });

安卓扫一扫 下载体验

0 个回答

正在加载...

这里空空如也,快来补一刀!

加载更多

回答问题或评论文章请先 或者 注册