txLivex

Method

论坛示例

为帮助用户更好更快的使用插件,论坛维护了一个示例,示例中包含示例代码、知识点讲解、注意事项等,供您参考。

概述

txLivex腾讯云视频推流 拉流 录制 编辑 合成 美颜 图片转场

插件概述

1.视频推流 插屏 2.视频拉流 插屏 3.视频录制 合唱 三屏录制 背景音乐 美颜 特效 4.视频合成 相册选择 视频 图片 合成 编辑

温馨提示

   监听统一接口
   ox.addEventListener(function(ret) {
           var code= ret.code;
            //  0 返回按钮点击 
            //  -1 地址不合法
            //  -2 网络不好 chorus下载失败
            //  -5 证书错误 
            //  1 ret.progress chorus下载进度
            //  8 返回视频结果videoPath  coverPath 关闭录制ui 
         }

    });

插件接口

addEventListener

监听统一接口

addEventListener(callback)

返回格式

  code 值代表放回 事件 请参考 上面 温馨提示

示例代码

```js ox.addEventListener(function(ret) { var code= ret.code;

   });

);```

可用性

Android,ios系统

可提供的1.0.0

setLicence

设置直播推流licence 请到腾讯云官方申请

setLicence({param})

示例代码

```js var txLivex = api.require('txLivex'); txLivex.setLicence({ licenceURL:'http://license.vod2.myqcloud.com/license/v1/846013fb247600a451e1f95e26706ee7/TXLiveSDK.licence', licenceKey:'976ec4ea20395531353f5db330f36f31' },function(ret) { //code 0 成功 var code = ret.code; alert(ret.text);

        });```

可用性

Android,ios系统

可提供的1.0.0

getLicence

获取直播推流licence

getLicence(callback)

示例代码

```js var txLivex = api.require('txLivex'); txLivex.getLicence(function(ret) { //code 0 成功 var code = ret.code; alert(ret.licence);

        });```

可用性

Android,ios系统

可提供的1.0.0

setUgcLicence

设置小视频录制licence 请到腾讯云官方申请

setUgcLicence({param})

示例代码

```js var txLivex = api.require('txLivex'); txLivex.setUgcLicence({ licenceURL:'http://license.vod2.myqcloud.com/license/v1/846013fb247600a451e1f95e26706ee7/TXUgcSDK.licence', licenceKey:'976ec4ea20395531353f5db330f36f31' },function(ret) { //code 0 成功 var code = ret.code; alert(ret.text);

        });```

可用性

Android,ios系统

可提供的1.0.0

getUgcLicence

获取小视频录制licence

getUgcLicence(callback)

示例代码

```js var txLivex = api.require('txLivex'); txLivex.getUgcLicence(function(ret) { //code 0 成功 var code = ret.code; alert(ret.licence);

   });```

可用性

Android,ios系统

可提供的1.0.0

push

开启推流

示例代码

```js var playBtn,cameraSwitchBtn,beautyBtn,bgmBtn,logBtn,settingBtn,moreBtn; playBtn = { type: 'playBtn', x: 10, y: h - 60, w: 45, h: 45, code: 11, hidden: false };//播放按钮 cameraSwitchBtn = { type: 'cameraSwitchBtn', x: 65, y: h - 60, w: 45, h: 45, code: 12, hidden: false };//前后摄像头切换按钮 beautyBtn = { type: 'beautyBtn', x: 120, y: h - 60, w: 45, h: 45, code: 13, hidden: false };//美颜按钮 bgmBtn = { type: 'bgmBtn', x: 175, y: h - 60, w: 45, h: 45, code: 14, hidden: false };//音乐按钮 logBtn = { type: 'logBtn', x: 230, y: h - 60, w: 45, h: 45, code: 15, hidden: false };//日志按钮 settingBtn = { type: 'settingBtn', x: 285, y: h - 60, w: 45, h: 45, code: 16, hidden: false };//设置按钮 moreBtn = { type: 'moreBtn', x: 340, y: h - 60, w: 45, h: 45, code: 17, hidden: false };//更多按钮

      var styles = [playBtn,cameraSwitchBtn,beautyBtn,bgmBtn,logBtn,settingBtn,moreBtn];

    txLivex.push({
           rect:{x:0, y:0,w:'auto', h:'auto'},
           fixedOn:api.frameName,
           fixed:true,
           showBack:true,//默认true 隐藏返回按钮
           autoPush:true,//默认true //是否打开界面自动开启推流
           front:false,//默认是否前置摄像头
           watermark:'widget://image/img_find_default.png',//水印暂时不生效
           styles:styles,
           musicUrl:'http://dldir1.qq.com/hudongzhibo/LiteAV/demomusic/testmusic3.mp3',//背景音乐
           url:'rtmp://104855.livepush.myqcloud.com/live/jiang?txSecret=c1d95dae2d5b0cbde0301c9748f48862&txTime=5EFD5D61'

      });```

可用性

Android,ios系统

可提供的1.0.0

startPush

开始推流

示例代码

js txLivex.startPush();

可用性

Android,ios系统

可提供的1.0.0

stopPush

停止推流

示例代码

js txLivex.stopPush();

可用性

Android,ios系统

可提供的1.0.0

player

拉流播放器

示例代码

js var playBtn,logBtn,hwDecodeBtn,orientationBtn,renderModeBtn,cacheBtn; playBtn = { type: 'playBtn', x: 10, y: h - 60, w: 45, h: 45, code: 11, hidden: false };//播放按钮 logBtn = { type: 'logBtn', x: 65, y: h - 60, w: 45, h: 45, code: 12, hidden: false };//日志按钮 hwDecodeBtn = { type: 'hwDecodeBtn', x: 120, y: h - 60, w: 45, h: 45, code: 13, hidden: false };//硬编码按钮 orientationBtn = { type: 'orientationBtn', x: 175, y: h - 60, w: 45, h: 45, code: 14, hidden: false };//旋转方向按钮 renderModeBtn = { type: 'renderModeBtn', x: 230, y: h - 60, w: 45, h: 45, code: 15, hidden: false };//显示比例按钮 cacheBtn = { type: 'cacheBtn', x: 285, y: h - 60, w: 45, h: 45, code: 16, hidden: false };//缓存策略按钮 var styles = [playBtn,logBtn,hwDecodeBtn,orientationBtn,renderModeBtn,cacheBtn]; // code值 // 0 返回按钮事件 txLivex.addEventListener(function(ret) { var code = ret.code; if(code == 0){ api.closeWin(); }else if(code == -1){ //地址不合法 }else if(code == -5){ //播放错误 } }); txLivex.player({ rect:{x:0, y:0,w:'auto', h:'auto'}, fixedOn:api.frameName, fixed:true, showBack:true,//默认true 隐藏返回按钮 autoPlay:true,//默认true //是否自动播放 styles:styles, url:'http://5815.liveplay.myqcloud.com/live/5815_89aad37e06ff11e892905cb9018cf0d4_900.flv' });

可用性

Android,ios系统

可提供的1.0.0

startPlayer

开始播放

示例代码

js txLivex.startPlayer();

可用性

Android,ios系统

可提供的1.0.0

stopPlayer

停止播放

示例代码

js txLivex.stopPlayer();

可用性

Android,ios系统

可提供的1.0.0

setMusicUrl

设置全局音乐列表地址

示例代码

```js url 音乐数据格式 { "bgm": { "list": [{ "name": "11111", "url": "http://dldir1.qq.com/hudongzhibo/LiteAV/demomusic/testmusic1.mp3" }, { "name": "22222", "url": "http://dldir1.qq.com/hudongzhibo/LiteAV/demomusic/testmusic2.mp3" }, { "name": "33333", "url": "http://dldir1.qq.com/hudongzhibo/LiteAV/demomusic/testmusic3.mp3" }

]

} }

txLivex.setMusicUrl({musicUrl:'widget://music/bgm_list.json'},function(ret) { //code 0 设置成功 var code = ret.code; alert(ret.text);

   });```

可用性

Android,ios系统

可提供的1.0.0

setEditConfig

视频编辑常用配置

示例代码

```js txLivex.setEditConfig({ resolution:2,//分辨率 0 360p 1 480p 2 540p 3 720p 默认 540p videoBitrate:6500,//mbps 默认 6500 isCoverGenerate:true,//是否生成封面,默认为true isSaveToDCIM:true,//是否保存到相册,默认为true isPublish:true,//是否需要发布视频 watermark:{path:'widget://image/img_find_default.png',x:200,y:320,w:120,h:40},//视频水印 path 一定要以widget开头 tailwatermark:{path:'widget://image/img_find_default.png',x:200,y:420,w:120,h:40,duration:5}//片尾水印 path 一定要以widget开头 },function(ret) { //code 0 设置成功 var code = ret.code; alert(ret.text);

   });```

可用性

Android,ios系统

可提供的1.0.0

record

视频录制

示例代码

```js txLivex.addEventListener(function(ret) { //code 0 取消返回按钮事件 -1失败 -2 失败 8 编辑结束返回视频信息 var code = ret.code; if(code==-1){ alert(ret.text); }else if(code==-2){ //chorus下载失败 alert(ret.text); }else if(code==0){ api.closeWin(); }else if(code==1){ //ret.progress chorus下载进度 }else if(code==8){ //返回视频结果videoPath coverPath 关闭录制ui api.alert({msg: JSON.stringify(ret)}) api.closeWin(); }

      });
      txLivex.record({
                   rect:{x:0, y:0,w:'auto',h:'auto'},
                   fixedOn:api.frameName,
                   fixed:true,
                   config:{
                      recordStyle : 1,//0 纯录制模式  1 分屏合拍模式 2 三屏合拍模式 (1 2 模式下其他设置不生效 需要chorusUrl 合并视频地址)
                      chorusUrl:'http://1400100725.vod2.myqcloud.com/8b7d5993vodgzp1400100725/d864a3545285890780576877210/ss2W2I8oIn4A.mp4',
                      minDuration : 5000,//视频最短时长
                      maxDuration : 15000,//视频最长时长
                      aspectRatio : 0,//屏比(0 9*16  1  3*4  2  1*1  3  16*9  4 4*3)
                      recommendQuality : -1,//0 底 1 中等 2 高 android 有效
                      resolution : 1,//录制分辨率(0 360P  1  540P  2 720P  3  1080P)
                      videoBitrate : 9600,//码率 单位kbps/s  默认值:9600
                      fps : 20,//帧率 范围:(15-30)默认值:20
                      gop : 3,//关键帧间隔 范围:(1-10) 默认值:3
                      orientation : 1,//录制方向(0 right 1down 2left 3 up)
                      touchFocus : true,//自动聚焦
                      needEdit : true,//是否需要编辑
                      isFront : true//是否前置摄像头
                   }
                  });```

可用性

Android,ios系统

可提供的1.0.0

picker

选择器 视频合成

示例代码

```js txLivex.addEventListener(function(ret) { var code = ret.code; //videoPath coverPath if(code==8){ api.alert({msg: JSON.stringify(ret)}) } });

txLivex.picker({ type:0, //0选择视频合成 1 选择图片合成 }); ```

可用性

Android,ios系统

可提供的1.0.0

是否仍需要帮助? 请保持联络!
最后更新于 2024/04/8