超级播放器的常用调用方法
相关demo参考:https://www.yimenapp.com/doc/demo_txvideo.cshtml
主要功能点
- ♦ 支持点播/直播/倍速/多码率播放;
-
- ♦ 支持播放列表(原生 UI,多视频按序自动播放);
-
- ♦ 支持 腾讯云视频;
复制代码
常用调用方法
1.play 全屏播放 简单示例
- //全屏播放单个视频,直接提供视频链接即可
- jsBridge.txVideo.play('http://player.alicdn.com/video/editor.mp4');
复制代码
2.play 全屏播放 方式1:URL 链接
- //方式1:URL 链接
- jsBridge.txVideo.play({
- url : 'http://player.alicdn.com/video/editor.mp4',
- title : '方式1:URL 链接',
- qualityName: '超清'
- });
-
- /*
- 参数说明
- {
- url : '', //必须,字符串类型,视频链接
- title : '', //可选,字符串类型,视频名称,显示在 UI 上
- qualityName: '' //可选,字符串类型,码率名称(如 标清/高清/超清/1080P/4K 等)
- }
- */
复制代码
3.play 全屏播放 方式2:多码率 URL 链接
- //方式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 的索引号
- }
- */
复制代码
4.play 全屏播放 方式3:腾讯云视频
- //方式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 //可选,数字类型,试看时长,单位:秒
- }
- }
- */
复制代码
5.playList 播放列表
- //播放列表,按顺序自动连续播放
- 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 列表中的视频序号
- }
- */
复制代码
|