APP开发使用X5内核 腾讯X5内核打包APP videoCacheSize 获取视频缓存大小

用做网页的技术做APP
一门提供标准化的jsbridge-mini.js库,您只需要在页面引用执行JS即可实现各种原生APP、原生PC的功能能力。

==================APP端==================
【APP端】(安卓版&苹果版)目前提供200+原生功能,2000+JS映射接口,用做网站的技术即可实现各种原生APP能力、APP demo地址https://www.yimenapp.com/doc/demo.cshtml下载教程:
♦ JS-SDK 引用方式:
♦ 普通网页 script 方式加载:下载最新版,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package
一门APP开发平台通用JS

核心代码示例,详情参阅demo

jsBridge.x5.videoCacheSize(function(size) {
  var txt = size + "字节\n";
  txt += (size / 1024 / 1024.0).toFixed(2) + "MB";
  alert(txt);   
});

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)",定义点击事件onclick;-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接;-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.x5.videoCacheSize(function(size) {
  var txt = size + "字节\n";
  txt += (size / 1024 / 1024.0).toFixed(2) + "MB";
  alert(txt);   
});

}
</script>
<!--执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可;-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮,定义点击执行事件; -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接; -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.x5.videoCacheSize(function(size) {
  var txt = size + "字节\n";
  txt += (size / 1024 / 1024.0).toFixed(2) + "MB";
  alert(txt);   
});

}
</script>
<!-- //执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可; -->

APP开发使用X5内核 腾讯X5内核打包APP setEnabledState 未设置

用做网页的技术做APP
一门提供标准化的jsbridge-mini.js库,您只需要在页面引用执行JS即可实现各种原生APP、原生PC的功能能力。

==================APP端==================
【APP端】(安卓版&苹果版)目前提供200+原生功能,2000+JS映射接口,用做网站的技术即可实现各种原生APP能力、APP demo地址https://www.yimenapp.com/doc/demo.cshtml下载教程:
♦ JS-SDK 引用方式:
♦ 普通网页 script 方式加载:下载最新版,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package
一门APP开发平台通用JS

setEnabledState 未设置

核心代码示例,详情参阅demo

//未设置,恢复为 X5 功能配置里面的全局启停状态
jsBridge.x5.setEnabledState(-1, function() {
  alert("已设置,请重启APP。");
});

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)",定义点击事件onclick;-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接;-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
//未设置,恢复为 X5 功能配置里面的全局启停状态
jsBridge.x5.setEnabledState(-1, function() {
  alert("已设置,请重启APP。");
});
}
</script>
<!--执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可;-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮,定义点击执行事件; -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接; -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
//未设置,恢复为 X5 功能配置里面的全局启停状态
jsBridge.x5.setEnabledState(-1, function() {
  alert("已设置,请重启APP。");
});

}
</script>
<!-- //执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可; -->

APP开发使用X5内核 腾讯X5内核打包APP setEnabledState 停用

用做网页的技术做APP
一门提供标准化的jsbridge-mini.js库,您只需要在页面引用执行JS即可实现各种原生APP、原生PC的功能能力。

==================APP端==================
【APP端】(安卓版&苹果版)目前提供200+原生功能,2000+JS映射接口,用做网站的技术即可实现各种原生APP能力、APP demo地址https://www.yimenapp.com/doc/demo.cshtml下载教程:
♦ JS-SDK 引用方式:
♦ 普通网页 script 方式加载:下载最新版,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package
一门APP开发平台通用JS

核心代码示例,详情参阅demo

//停用
jsBridge.x5.setEnabledState(0, function() {
  alert("已设置,请重启APP。");
});

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)",定义点击事件onclick;-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接;-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
//停用
jsBridge.x5.setEnabledState(0, function() {
  alert("已设置,请重启APP。");
});

}
</script>
<!--执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可;-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮,定义点击执行事件; -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接; -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
//停用
jsBridge.x5.setEnabledState(0, function() {
  alert("已设置,请重启APP。");
});

}
</script>
<!-- //执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可; -->

APP开发使用X5内核 腾讯X5内核打包APP setEnabledState 启用

用做网页的技术做APP
一门提供标准化的jsbridge-mini.js库,您只需要在页面引用执行JS即可实现各种原生APP、原生PC的功能能力。

==================APP端==================
【APP端】(安卓版&苹果版)目前提供200+原生功能,2000+JS映射接口,用做网站的技术即可实现各种原生APP能力、APP demo地址https://www.yimenapp.com/doc/demo.cshtml下载教程:
♦ JS-SDK 引用方式:
♦ 普通网页 script 方式加载:下载最新版,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package
一门APP开发平台通用JS

setEnabledState 启用

核心代码示例,详情参阅demo

  //state 参数,数字类型,启用/停用状态
  //-1 未设置(使用打包平台上 x5 功能配置选项的全局启用/停用设置)
  // 0 停用
  // 1 启用
jsBridge.x5.setEnabledState(1, function() {
  alert("已设置,请重启APP。");
});

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)",定义点击事件onclick;-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接;-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
  //state 参数,数字类型,启用/停用状态
  //-1 未设置(使用打包平台上 x5 功能配置选项的全局启用/停用设置)
  // 0 停用
  // 1 启用
jsBridge.x5.setEnabledState(1, function() {
  alert("已设置,请重启APP。");
});

}
</script>
<!--执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可;-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮,定义点击执行事件; -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接; -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
  //state 参数,数字类型,启用/停用状态
  //-1 未设置(使用打包平台上 x5 功能配置选项的全局启用/停用设置)
  // 0 停用
  // 1 启用
jsBridge.x5.setEnabledState(1, function() {
  alert("已设置,请重启APP。");
});

}
</script>
<!-- //执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可; -->

APP开发使用X5内核 腾讯X5内核打包APP getEnabledState 获取启用/停用状态

用做网页的技术做APP
一门提供标准化的jsbridge-mini.js库,您只需要在页面引用执行JS即可实现各种原生APP、原生PC的功能能力。

==================APP端==================
【APP端】(安卓版&苹果版)目前提供200+原生功能,2000+JS映射接口,用做网站的技术即可实现各种原生APP能力、APP demo地址https://www.yimenapp.com/doc/demo.cshtml下载教程:
♦ JS-SDK 引用方式:
♦ 普通网页 script 方式加载:下载最新版,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package
一门APP开发平台通用JS

APP开发使用X5内核 腾讯X5内核打包APP getEnabledState 获取启用/停用状态

核心代码示例,详情参阅demo

jsBridge.x5.getEnabledState(function(state){
  //state,数字类型,启用/停用状态
  //-1 未设置(使用打包平台上 x5 功能配置选项的全局启用/停用设置)
  // 0 停用
  // 1 启用
  alert(state);
});

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)",定义点击事件onclick;-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接;-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.x5.getEnabledState(function(state){
  //state,数字类型,启用/停用状态
  //-1 未设置(使用打包平台上 x5 功能配置选项的全局启用/停用设置)
  // 0 停用
  // 1 启用
  alert(state);
});

}
</script>
<!--执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可;-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮,定义点击执行事件; -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接; -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
jsBridge.x5.getEnabledState(function(state){
  //state,数字类型,启用/停用状态
  //-1 未设置(使用打包平台上 x5 功能配置选项的全局启用/停用设置)
  // 0 停用
  // 1 启用
  alert(state);
});

}
</script>
<!-- //执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可; -->

APP开发接入原生播放器 腾讯超级播放器  playList 播放列表

用做网页的技术做APP
一门提供标准化的jsbridge-mini.js库,您只需要在页面引用执行JS即可实现各种原生APP、原生PC的功能能力。

==================APP端==================
【APP端】(安卓版&苹果版)目前提供200+原生功能,2000+JS映射接口,用做网站的技术即可实现各种原生APP能力、APP demo地址https://www.yimenapp.com/doc/demo.cshtml下载教程:
♦ JS-SDK 引用方式:
♦ 普通网页 script 方式加载:下载最新版,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package
一门APP开发平台通用JS

playList 播放列表

核心代码示例,详情参阅demo

//仅支持 Android 版
//播放列表,按顺序自动连续播放
jsBridge.txVideo.playList({
  title: '这是播放列表的名称',
  //必须,数组类型,视频源列表
  items: [
    {
       //列表图片
       poster: 'https://i.cdn.yimenapp.com/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',
         pSign  : ''
       },
       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://i.cdn.yimenapp.com/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://i.cdn.yimenapp.com/sys/player5.jpg',
       url   : 'http://cyberplayerplay.kaywang.cn/cyberplayer/demo201711-L1.m3u8',
       title : 'HLS(m3u8) 直播流'
    }
  ],
  //可选,数字类型,开始播放的视频序号,默认 0(第一个)
  playDefaultIndex: 0,
  //可选,布尔类型,是否循环播放视频列表,默认 false
  loop            : false,
  //可选,布尔类型,是否保留刘海(凹凸屏)区域,默认 false 即不保留(全屏视频会占用刘海区域)
  cutout: false
});

/*
参数说明:
{
  title: '', //可选,字符串类型,播放列表名称,显示在标题栏上
  items: [   //必须,视频列表清单数组
    {        //以上 play 方式1, 2, 3 播放参数的任意组合
    },
    ...
  ],
  playDefaultIndex: 0 //可选,默认开始播放 items 列表中的视频序号
}
*/

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)",定义点击事件onclick;-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接;-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
//仅支持 Android 版
//播放列表,按顺序自动连续播放
jsBridge.txVideo.playList({
  title: '这是播放列表的名称',
  //必须,数组类型,视频源列表
  items: [
    {
       //列表图片
       poster: 'https://i.cdn.yimenapp.com/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',
         pSign  : ''
       },
       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://i.cdn.yimenapp.com/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://i.cdn.yimenapp.com/sys/player5.jpg',
       url   : 'http://cyberplayerplay.kaywang.cn/cyberplayer/demo201711-L1.m3u8',
       title : 'HLS(m3u8) 直播流'
    }
  ],
  //可选,数字类型,开始播放的视频序号,默认 0(第一个)
  playDefaultIndex: 0,
  //可选,布尔类型,是否循环播放视频列表,默认 false
  loop            : false,
  //可选,布尔类型,是否保留刘海(凹凸屏)区域,默认 false 即不保留(全屏视频会占用刘海区域)
  cutout: false
});

/*
参数说明:
{
  title: '', //可选,字符串类型,播放列表名称,显示在标题栏上
  items: [   //必须,视频列表清单数组
    {        //以上 play 方式1, 2, 3 播放参数的任意组合
    },
    ...
  ],
  playDefaultIndex: 0 //可选,默认开始播放 items 列表中的视频序号
}
*/

}
</script>
<!--执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可;-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮,定义点击执行事件; -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接; -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
//仅支持 Android 版
//播放列表,按顺序自动连续播放
jsBridge.txVideo.playList({
  title: '这是播放列表的名称',
  //必须,数组类型,视频源列表
  items: [
    {
       //列表图片
       poster: 'https://i.cdn.yimenapp.com/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',
         pSign  : ''
       },
       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://i.cdn.yimenapp.com/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://i.cdn.yimenapp.com/sys/player5.jpg',
       url   : 'http://cyberplayerplay.kaywang.cn/cyberplayer/demo201711-L1.m3u8',
       title : 'HLS(m3u8) 直播流'
    }
  ],
  //可选,数字类型,开始播放的视频序号,默认 0(第一个)
  playDefaultIndex: 0,
  //可选,布尔类型,是否循环播放视频列表,默认 false
  loop            : false,
  //可选,布尔类型,是否保留刘海(凹凸屏)区域,默认 false 即不保留(全屏视频会占用刘海区域)
  cutout: false
});

/*
参数说明:
{
  title: '', //可选,字符串类型,播放列表名称,显示在标题栏上
  items: [   //必须,视频列表清单数组
    {        //以上 play 方式1, 2, 3 播放参数的任意组合
    },
    ...
  ],
  playDefaultIndex: 0 //可选,默认开始播放 items 列表中的视频序号
}
*/

}
</script>
<!-- //执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可; -->

APP开发接入原生播放器 腾讯超级播放器  play 全屏播放:保持当前屏幕方向不变

用做网页的技术做APP
一门提供标准化的jsbridge-mini.js库,您只需要在页面引用执行JS即可实现各种原生APP、原生PC的功能能力。

==================APP端==================
【APP端】(安卓版&苹果版)目前提供200+原生功能,2000+JS映射接口,用做网站的技术即可实现各种原生APP能力、APP demo地址https://www.yimenapp.com/doc/demo.cshtml下载教程:
♦ JS-SDK 引用方式:
♦ 普通网页 script 方式加载:下载最新版,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package
一门APP开发平台通用JS

play 全屏播放:保持当前屏幕方向不变

核心代码示例,详情参阅demo

//保持当前屏幕方向(不强制横屏)keepOrientation: true
//请参考 全屏播放方式一 的参数说明
jsBridge.txVideo.play({
  url        : 'https://734.cdn-vod.huaweicloud.com/asset/c4aec16ec296cb8964f80845000cb958/play_video/fcb8827219c07153131eff228583e5a1_H.264_1280X720_HEAACV1_1500.mp4',
  title      : '保持当前屏幕方向',
  qualityName: '超清',
  keepOrientation: true,
  loop       : true
});

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)",定义点击事件onclick;-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接;-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
//保持当前屏幕方向(不强制横屏)keepOrientation: true
//请参考 全屏播放方式一 的参数说明
jsBridge.txVideo.play({
  url        : 'https://734.cdn-vod.huaweicloud.com/asset/c4aec16ec296cb8964f80845000cb958/play_video/fcb8827219c07153131eff228583e5a1_H.264_1280X720_HEAACV1_1500.mp4',
  title      : '保持当前屏幕方向',
  qualityName: '超清',
  keepOrientation: true,
  loop       : true
});


}
</script>
<!--执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可;-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮,定义点击执行事件; -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接; -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
//保持当前屏幕方向(不强制横屏)keepOrientation: true
//请参考 全屏播放方式一 的参数说明
jsBridge.txVideo.play({
  url        : 'https://734.cdn-vod.huaweicloud.com/asset/c4aec16ec296cb8964f80845000cb958/play_video/fcb8827219c07153131eff228583e5a1_H.264_1280X720_HEAACV1_1500.mp4',
  title      : '保持当前屏幕方向',
  qualityName: '超清',
  keepOrientation: true,
  loop       : true
});


}
</script>
<!-- //执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可; -->

APP开发接入原生播放器 腾讯超级播放器  play 全屏播放 方式3:腾讯云视频

用做网页的技术做APP
一门提供标准化的jsbridge-mini.js库,您只需要在页面引用执行JS即可实现各种原生APP、原生PC的功能能力。

==================APP端==================
【APP端】(安卓版&苹果版)目前提供200+原生功能,2000+JS映射接口,用做网站的技术即可实现各种原生APP能力、APP demo地址https://www.yimenapp.com/doc/demo.cshtml下载教程:
♦ JS-SDK 引用方式:
♦ 普通网页 script 方式加载:下载最新版,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package
一门APP开发平台通用JS

play 全屏播放 方式3:腾讯云视频

核心代码示例,详情参阅demo

//方式3:腾讯云视频,请参见 https://cloud.tencent.com/product/vod
//结合腾讯云视频服务可实现免费试看、付费看全片功能
jsBridge.txVideo.play({
  appId   : 1256993030,
  title   : '腾讯云视频',
  videoId : {
    fileId: '7447398157015849771',
    pSign : ''
  }
});

/*
参数说明:
{
  appId   : 0,  //必须,数字类型,腾讯云服务 AppId
  title   : '', //可选,字符串类型,视频名称,显示在 UI 上
  videoId : {   //必须,腾讯云视频 VideoId(FileId)
    fileId: '', //必须,字符串类型,腾讯云视频 FileId
    pSign : ''  //可选,防盗链授权签名,如开启了防盗链则必填,算法请参考 https://cloud.tencent.com/document/product/266/45554
  }
}
*/

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)",定义点击事件onclick;-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接;-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
//方式3:腾讯云视频,请参见 https://cloud.tencent.com/product/vod
//结合腾讯云视频服务可实现免费试看、付费看全片功能
jsBridge.txVideo.play({
  appId   : 1256993030,
  title   : '腾讯云视频',
  videoId : {
    fileId: '7447398157015849771',
    pSign : ''
  }
});

/*
参数说明:
{
  appId   : 0,  //必须,数字类型,腾讯云服务 AppId
  title   : '', //可选,字符串类型,视频名称,显示在 UI 上
  videoId : {   //必须,腾讯云视频 VideoId(FileId)
    fileId: '', //必须,字符串类型,腾讯云视频 FileId
    pSign : ''  //可选,防盗链授权签名,如开启了防盗链则必填,算法请参考 https://cloud.tencent.com/document/product/266/45554
  }
}
*/

}
</script>
<!--执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可;-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮,定义点击执行事件; -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接; -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
//方式3:腾讯云视频,请参见 https://cloud.tencent.com/product/vod
//结合腾讯云视频服务可实现免费试看、付费看全片功能
jsBridge.txVideo.play({
  appId   : 1256993030,
  title   : '腾讯云视频',
  videoId : {
    fileId: '7447398157015849771',
    pSign : ''
  }
});

/*
参数说明:
{
  appId   : 0,  //必须,数字类型,腾讯云服务 AppId
  title   : '', //可选,字符串类型,视频名称,显示在 UI 上
  videoId : {   //必须,腾讯云视频 VideoId(FileId)
    fileId: '', //必须,字符串类型,腾讯云视频 FileId
    pSign : ''  //可选,防盗链授权签名,如开启了防盗链则必填,算法请参考 https://cloud.tencent.com/document/product/266/45554
  }
}
*/

}
</script>
<!-- //执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可; -->

APP开发接入原生播放器 腾讯超级播放器 play 全屏播放 方式2:多码率 URL 链接

用做网页的技术做APP
一门提供标准化的jsbridge-mini.js库,您只需要在页面引用执行JS即可实现各种原生APP、原生PC的功能能力。

==================APP端==================
【APP端】(安卓版&苹果版)目前提供200+原生功能,2000+JS映射接口,用做网站的技术即可实现各种原生APP能力、APP demo地址https://www.yimenapp.com/doc/demo.cshtml下载教程:
♦ JS-SDK 引用方式:
♦ 普通网页 script 方式加载:下载最新版,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package
一门APP开发平台通用JS

play 全屏播放 方式2:多码率 URL 链接

核心代码示例,详情参阅demo

//方式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 中从0开始的索引号
}
*/

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)",定义点击事件onclick;-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接;-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
//方式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 中从0开始的索引号
}
*/

}
</script>
<!--执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可;-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮,定义点击执行事件; -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接; -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
//方式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 中从0开始的索引号
}
*/

}
</script>
<!-- //执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可; -->

APP开发接入原生播放器 腾讯超级播放器 play 全屏播放 方式1:URL 链接 – 不占用刘海区域

用做网页的技术做APP
一门提供标准化的jsbridge-mini.js库,您只需要在页面引用执行JS即可实现各种原生APP、原生PC的功能能力。

==================APP端==================
【APP端】(安卓版&苹果版)目前提供200+原生功能,2000+JS映射接口,用做网站的技术即可实现各种原生APP能力、APP demo地址https://www.yimenapp.com/doc/demo.cshtml下载教程:
♦ JS-SDK 引用方式:
♦ 普通网页 script 方式加载:下载最新版,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package
一门APP开发平台通用JS

play 全屏播放 方式1:URL 链接 – 不占用刘海区域

核心代码示例,详情参阅demo

//不占用刘海区域
jsBridge.txVideo.play({
  url   : 'http://player.alicdn.com/video/editor.mp4',
  title : '不占用刘海(凹凸异形屏)区域',
  cutout: true
});

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)",定义点击事件onclick;-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接;-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
//不占用刘海区域
jsBridge.txVideo.play({
  url   : 'http://player.alicdn.com/video/editor.mp4',
  title : '不占用刘海(凹凸异形屏)区域',
  cutout: true
});

}
</script>
<!--执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可;-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮,定义点击执行事件; -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接; -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
//不占用刘海区域
jsBridge.txVideo.play({
  url   : 'http://player.alicdn.com/video/editor.mp4',
  title : '不占用刘海(凹凸异形屏)区域',
  cutout: true
});

}
</script>
<!-- //执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可; -->

APP开发接入原生播放器 腾讯超级播放器 play 全屏播放 方式1:URL 链接

用做网页的技术做APP
一门提供标准化的jsbridge-mini.js库,您只需要在页面引用执行JS即可实现各种原生APP、原生PC的功能能力。

==================APP端==================
【APP端】(安卓版&苹果版)目前提供200+原生功能,2000+JS映射接口,用做网站的技术即可实现各种原生APP能力、APP demo地址https://www.yimenapp.com/doc/demo.cshtml下载教程:
♦ JS-SDK 引用方式:
♦ 普通网页 script 方式加载:下载最新版,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package
一门APP开发平台通用JS

APP开发接入原生播放器 腾讯超级播放器 play 全屏播放 方式1:URL 链接

核心代码示例,详情参阅demo

//方式1:URL 链接
jsBridge.txVideo.play({
  url        : 'http://player.alicdn.com/video/editor.mp4',
  title      : '方式1:URL 链接',
  qualityName: '超清',
  cutout     : false,
  keepOrientation: false,
  loop           : true
});

/*
参数说明
{
  url             : '',   //必须,字符串类型,视频链接
  title           : '',   //可选,字符串类型,视频名称,显示在 UI 上
  qualityName     : '',   //可选,字符串类型,码率名称(如 标清/高清/超清/1080P/4K 等)
  cutout          : '',   //可选,布尔类型,是否保留刘海(凹凸屏)区域,默认 false 即不保留(视频会占用刘海区域)
  keepOrientation : false //可选,布尔类型,是否保持当前屏幕方向(true 保持当前屏幕方向不变,false 切换为横屏),默认 false
  loop            : false //可选,布尔类型,是否循环播放,默认 false
}

以下 方式2、方式3 均支持 keepOrientation 和 loop 参数
*/

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)",定义点击事件onclick;-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接;-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
//方式1:URL 链接
jsBridge.txVideo.play({
  url        : 'http://player.alicdn.com/video/editor.mp4',
  title      : '方式1:URL 链接',
  qualityName: '超清',
  cutout     : false,
  keepOrientation: false,
  loop           : true
});

/*
参数说明
{
  url             : '',   //必须,字符串类型,视频链接
  title           : '',   //可选,字符串类型,视频名称,显示在 UI 上
  qualityName     : '',   //可选,字符串类型,码率名称(如 标清/高清/超清/1080P/4K 等)
  cutout          : '',   //可选,布尔类型,是否保留刘海(凹凸屏)区域,默认 false 即不保留(视频会占用刘海区域)
  keepOrientation : false //可选,布尔类型,是否保持当前屏幕方向(true 保持当前屏幕方向不变,false 切换为横屏),默认 false
  loop            : false //可选,布尔类型,是否循环播放,默认 false
}

以下 方式2、方式3 均支持 keepOrientation 和 loop 参数
*/

}
</script>
<!--执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可;-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮,定义点击执行事件; -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接; -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
//方式1:URL 链接
jsBridge.txVideo.play({
  url        : 'http://player.alicdn.com/video/editor.mp4',
  title      : '方式1:URL 链接',
  qualityName: '超清',
  cutout     : false,
  keepOrientation: false,
  loop           : true
});

/*
参数说明
{
  url             : '',   //必须,字符串类型,视频链接
  title           : '',   //可选,字符串类型,视频名称,显示在 UI 上
  qualityName     : '',   //可选,字符串类型,码率名称(如 标清/高清/超清/1080P/4K 等)
  cutout          : '',   //可选,布尔类型,是否保留刘海(凹凸屏)区域,默认 false 即不保留(视频会占用刘海区域)
  keepOrientation : false //可选,布尔类型,是否保持当前屏幕方向(true 保持当前屏幕方向不变,false 切换为横屏),默认 false
  loop            : false //可选,布尔类型,是否循环播放,默认 false
}

以下 方式2、方式3 均支持 keepOrientation 和 loop 参数
*/

}
</script>
<!-- //执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可; -->

APP开发接入原生播放器 腾讯超级播放器 play 播放本地视频

用做网页的技术做APP
一门提供标准化的jsbridge-mini.js库,您只需要在页面引用执行JS即可实现各种原生APP、原生PC的功能能力。

==================APP端==================
【APP端】(安卓版&苹果版)目前提供200+原生功能,2000+JS映射接口,用做网站的技术即可实现各种原生APP能力、APP demo地址https://www.yimenapp.com/doc/demo.cshtml下载教程:
♦ JS-SDK 引用方式:
♦ 普通网页 script 方式加载:下载最新版,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package
一门APP开发平台通用JS

请配合 FileSystem 文件系统 插件使用,先将视频下载到本地,使用 fs://… 地址播放。

核心代码示例,详情参阅demo

//播放本地视频
jsBridge.txVideo.play('fs://file/my_dir/f10.mp4');

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)",定义点击事件onclick;-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接;-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
//播放本地视频
jsBridge.txVideo.play('fs://file/my_dir/f10.mp4');

}
</script>
<!--执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可;-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮,定义点击执行事件; -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接; -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
//播放本地视频
jsBridge.txVideo.play('fs://file/my_dir/f10.mp4');

}
</script>
<!-- //执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可; -->

APP开发接入原生播放器 腾讯超级播放器 play 全屏播放 简单示例

用做网页的技术做APP
一门提供标准化的jsbridge-mini.js库,您只需要在页面引用执行JS即可实现各种原生APP、原生PC的功能能力。

==================APP端==================
【APP端】(安卓版&苹果版)目前提供200+原生功能,2000+JS映射接口,用做网站的技术即可实现各种原生APP能力、APP demo地址https://www.yimenapp.com/doc/demo.cshtml下载教程:
♦ JS-SDK 引用方式:
♦ 普通网页 script 方式加载:下载最新版,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package
一门APP开发平台通用JS

play 全屏播放 简单示例

核心代码示例,详情参阅demo

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

A标签执行JS示例代码

<a href="javascript:void(0)" onclick="zhixing()">执行</a> 
<!-- 写入一个A标签href值为"javascript:void(0)",定义点击事件onclick;-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接;-->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
//全屏播放单个视频,直接提供视频链接即可
jsBridge.txVideo.play('http://player.alicdn.com/video/editor.mp4');

}
</script>
<!--执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可;-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮,定义点击执行事件; -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接; -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
//全屏播放单个视频,直接提供视频链接即可
jsBridge.txVideo.play('http://player.alicdn.com/video/editor.mp4');

}
</script>
<!-- //执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可; -->

控制台获取 UserSig

控制台获取 UserSig

控制台获取 UserSig

1. 登录实时音视频控制台,进入开发辅助 > UserSig生成&校验

2. 在签名(UserSig)生成工具下,选择对应的 SDKAppID 和 UserID。

3. 单击生成签名(UserSig),即可计算得到对应的 UserSig。

正式运行阶段如何计算 UserSig?

查看密钥时只能获取公钥和私钥信息,要如何获取密钥?

查看密钥时只能获取公钥和私钥信息,要如何获取密钥?

TRTC SDK 6.6 版本(2019年08月)开始启用新的签名算法 HMAC-SHA256。在此之前已创建的应用,需要先升级签名算法才能获取新的加密密钥。如不升级,您也可以继续使用 老版本算法 ECDSA-SHA256,如已升级,您按需切换为新老版本算法。

升级/切换操作:

1. 登录 实时音视频控制台

2. 在左侧导航栏选择应用管理,单击目标应用所在行的应用信息

3. 选择快速上手页签,单击第二步 获取签发UserSig的密钥区域的点此升级非对称式加密HMAC-SHA256

升级:

切换回老版本算法 ECDSA-SHA256:

切换为新版本算法 HMAC-SHA256:

客户端示例代码计算 UserSig

客户端示例代码计算 UserSig

客户端示例代码计算 UserSig

1. 获取 SDKAPPID 和密钥

1.1 登录实时音视频控制台 > 应用管理

1.2 单击您需查看的 SDKAppID 对应的应用信息,单击进入快速上手页签。

1.3 查看 第二步 获取签发UserSig的密钥 标签,即可获取用于计算 UserSig 的加密密钥。

1.4 单击复制密钥,可将密钥拷贝到剪贴板中。

说明

若查看密钥时只能获取公钥和私钥信息,请参见 如何获取密钥

2. 计算 UserSig: 为了方便客户端使用,我们提供各平台计算 UserSig 的源码文件,您可直接下载计算:

适用平台文件源码文件相对路径
iOSGithubTRTC-API-Example-OC/Debug/GenerateTestUserSig.h
MacGithubOCDemo/TRTCDemo/TRTC/GenerateTestUserSig.h
AndroidGithubTRTC-API-Example/Debug/src/main/java/com/tencent/trtc/debug/GenerateTestUserSig.java
Windows(C++)GithubTRTC-API-Example-C++/TRTC-API-Example-Qt/src/Util/defs.h
Windows(C#)GithubTRTC-API-Example-CSharp/TRTC-API-Example-CSharp/GenerateTestUserSig.cs
WebGithubbase-js/js/debug/GenerateTestUserSig.js
微信小程序GithubTRTCSimpleDemo/debug/GenerateTestUserSig.js
FlutterGithubTRTC-API-Example/lib/Debug/GenerateTestUserSig.dart

我们在 TRTC SDK 的示例代码中提供了一个叫做 GenerateTestUserSig 的开源模块,您只需要将其中的 SDKAPPID、EXPIRETIME 和 SECRETKEY 三个成员变量修改成您自己的配置,就可以调用 genTestUserSig() 函数获取计算好的 UserSig,从而快速跑通 SDK 的相关功能:

什么是 UserSig?

什么是 UserSig?

UserSig 是腾讯云设计的一种安全保护签名,目的是为了阻止恶意攻击者盗用您的云服务使用权。 目前,腾讯云的实时音视频(TRTC)、即时通信(IM)以及移动直播(MLVB)等服务都采用了该套安全保护机制。要使用这些服务,您需要在相应 SDK 的初始化或登录函数中提供 SDKAppID,UserID 和 UserSig 三个关键信息。 其中 SDKAppID 用于标识您的应用,UserID 用于标识您的用户,而 UserSig 则是基于前两者计算出的安全签名,它由 HMAC SHA256 加密算法计算得出。只要攻击者不能伪造 UserSig,就无法盗用您的云服务流量。 UserSig 的计算原理如下所示,其本质就是对 SDKAppID、UserID、ExpireTime 等关键信息进行了一次哈希加密:

//UserSig 计算公式,其中 secretkey 为计算 usersig 用的加密密钥

usersig = hmacsha256(secretkey, (userid + sdkappid + currtime + expire +

base64(userid + sdkappid + currtime + expire)))

实时音视频是什么?

实时音视频是什么?

腾讯实时音视频(Tencent Real-Time Communication,TRTC),将腾讯多年来在网络与音视频技术上的深度积累,以多人音视频通话和低延时互动直播两大场景化方案,通过腾讯云服务向开发者开放,致力于帮助开发者快速搭建低成本、低延时、高品质的音视频互动解决方案

TRTC SDK 是否支持断线重连?

TRTC SDK 是否支持断线重连?

SDK 支持用户断线情况下自动重连(若持续30分钟都未重连成功,则自动退房并返回-3301错误码),连接过程中具体的连接状态和处理逻辑如下说明。下图展示了从用户 Userid1 加入频道,到连接中断,再到重新加入房间过程中,收到的监听回调事件:

具体说明

T1:用户侧发起调用 enterRoom 接口发起进房请求。

T2:用户 Userid1 收到 onEnterRoom 回调,Userid2 感知 Userid1 存在延迟,大约300ms后,Userid2 收到 onRemoteUserEnterRoom 回调。

T3:Userid1 客户端因网络问题断网,SDK 会尝试重新加入房间。

T4:Userid1 如果连续8秒没有连接上服务端,Userid1 收到 onConnectionLost 断连回调。

T5:Userid1 接着隔3秒没有连接上服务端,Userid1 收到 onTryToReconnect 重试回调。

T6:Userid1 接着每隔24秒,收到 onTryToReconnect 重试回调。

T7:Userid2 会在收到 Userid1 掉线通知90s后,SDK 判断远端用户 Userid1 掉线,Userid2 收到 onRemoteUserLeaveRoom 回调。

T8:如果Userid1断连期间任意时刻重连成功,Userid1 收到 onConnectionRecovery 恢复回调。