超级播放器的常用调用方法 - 一门APP开发教程

♦ 支持点播/直播/倍速/多码率播放；
♦ 支持播放列表（原生 UI，多视频按序自动播放）；
♦ 支持腾讯云视频；

复制代码

//全屏播放单个视频，直接提供视频链接即可
jsBridge.txVideo.play('http://player.alicdn.com/video/editor.mp4');

复制代码

//方式1：URL 链接
jsBridge.txVideo.play({
url : 'http://player.alicdn.com/video/editor.mp4',
title : '方式1：URL 链接',
qualityName: '超清'
});
/*
参数说明
{
url : '', //必须，字符串类型，视频链接
title : '', //可选，字符串类型，视频名称，显示在 UI 上
qualityName: '' //可选，字符串类型，码率名称（如标清/高清/超清/1080P/4K 等)
}
*/

复制代码

//方式2：多码率 URL 链接
jsBridge.txVideo.play({
multiURLs : [
{
url : 'http://1252463788.vod2.myqcloud.com/95576ef5vodtransgzp1252463788/e1ab85305285890781763144364/v.f10.mp4',
qualityName: '流畅'
},
{
url : 'http://1252463788.vod2.myqcloud.com/95576ef5vodtransgzp1252463788/e1ab85305285890781763144364/v.f20.mp4',
qualityName: '标清'
},
{
url : 'http://1252463788.vod2.myqcloud.com/95576ef5vodtransgzp1252463788/e1ab85305285890781763144364/v.f30.mp4',
qualityName: '高清'
}
],
title : '方式2：多码率 URL 链接',
playDefaultIndex: 1
});
/*
参数说明：
{
multiURLs : [ //必须，多码率数组
{
url : '', //必须，字符串类型，视频链接
qualityName: '' //必须，字符串类型，码率名称（如标清/高清/超清/1080P/4K 等)
},
...
],
title : '', //可选，字符串类型，视频名称，显示在 UI 上
playDefaultIndex: 0 //可选，数字类型，默认播放码率的 index，即 multiURLs 的索引号
}
*/

复制代码

//方式3：腾讯云视频，请参见 https://cloud.tencent.com/product/vod
jsBridge.txVideo.play({
appId : 1256993030,
title : '腾讯云视频',
videoId : {
fileId : '7447398157015849771'
}
});
/*
参数说明：
{
appId : 0, //必须，数字类型，腾讯云服务 AppId
title : '', //可选，字符串类型，视频名称，显示在 UI 上
videoId : { //必须，腾讯云视频 VideoId（FileId）
fileId : '', //必须，字符串类型，腾讯云视频 FileId
timeout: '', //可选，字符串类型，加密链接超时时间戳，转换为16进制小写字符串，腾讯云 CDN 服务器会根据该时间判断该链接是否有效
us : '', //可选，字符串类型，唯一标识请求，增加链接唯一性
sign : '', //可选，字符串类型，防盗链签名
exper : -1 //可选，数字类型，试看时长，单位：秒
}
}
*/

复制代码

//播放列表，按顺序自动连续播放
jsBridge.txVideo.playList({
title: '这是播放列表的名称',
items: [
{
//列表图片
poster: 'https://s.yimenyun.net/sys/player2.jpg',
url : 'https://734.cdn-vod.huaweicloud.com/asset/c4aec16ec296cb8964f80845000cb958/play_video/fcb8827219c07153131eff228583e5a1_H.264_1280X720_HEAACV1_1500.mp4',
title : '华为消费者业务品牌主题曲 Dream It Possible',
desc : '时长 03:58'
},
{
poster: 'http://1252463788.vod2.myqcloud.com/e12fcc4dvodgzp1252463788/28742df34564972819219071568/4564972819209692959.jpeg',
appId : 1252463788,
videoId : {
fileId : '4564972819219071568'
},
title : '腾讯云视频',
desc : '与美女对话'
},
{
poster: 'http://1252463788.vod2.myqcloud.com/95576ef5vodtransgzp1252463788/e1ab85305285890781763144364/1536584350_1812858038.100_0.jpg',
multiURLs : [
{
url : 'http://1252463788.vod2.myqcloud.com/95576ef5vodtransgzp1252463788/e1ab85305285890781763144364/v.f10.mp4',
qualityName: '流畅'
},
{
url : 'http://1252463788.vod2.myqcloud.com/95576ef5vodtransgzp1252463788/e1ab85305285890781763144364/v.f20.mp4',
qualityName: '标清'
},
{
url : 'http://1252463788.vod2.myqcloud.com/95576ef5vodtransgzp1252463788/e1ab85305285890781763144364/v.f30.mp4',
qualityName: '高清'
}
],
title : 'MP4点播多码率 URL 链接',
playDefaultIndex: 1
},
{
poster: 'https://s.yimenyun.net/sys/player4.jpg',
url : 'http://gcqq450f71eywn6bv7u.exp.bcevod.com/mda-hbqagik5sfq1jsai/mda-hbqagik5sfq1jsai.mp4',
title : 'MP4点播 Motor Live'
},
{
poster: '',
url : 'http://5815.liveplay.myqcloud.com/live/5815_89aad37e06ff11e892905cb9018cf0d4_900.flv',
title : 'FLV 直播流'
},
{
poster: 'https://s.yimenyun.net/sys/player5.jpg',
url : 'http://cyberplayerplay.kaywang.cn/cyberplayer/demo201711-L1.m3u8',
title : 'HLS(m3u8) 直播流'
}
],
playDefaultIndex: 0
});
/*
参数说明：
{
title: '', //可选，字符串类型，播放列表名称，显示在标题栏上
items: [ //必须，视频列表清单数组
{ //以上 play 方式1, 2, 3 播放参数的任意组合
},
...
],
playDefaultIndex: 0 //可选，默认开始播放 items 列表中的视频序号
}
*/

复制代码