曾清 发表于 2020-2-13 15:18:22

超级播放器的常用调用方法

超级播放器的常用调用方法
相关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 列表中的视频序号
}
*/

页: [1]
查看完整版本: 超级播放器的常用调用方法