onRegister 注册完成时 APP开发接入腾讯广告(广点通)行为数据接入SDK

用做网页的技术做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.gdtAction.onRegister({
  method : "QQ",
  success: true
}, function(succ, data) {
  alert(succ + "\n" + JSON.stringify(data));   
});

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.gdtAction.onRegister({
  method : "QQ",
  success: true
}, function(succ, data) {
  alert(succ + "\n" + JSON.stringify(data));   
});

}
</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.gdtAction.onRegister({
  method : "QQ",
  success: true
}, function(succ, data) {
  alert(succ + "\n" + JSON.stringify(data));   
});
}
</script>
<!-- //执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可; -->

setUserUniqueId 设置用户软ID APP开发接入腾讯广告(广点通)行为数据接入SDK

用做网页的技术做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

setUserUniqueId 设置用户软ID

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

jsBridge.gdtAction.setUserUniqueId({
  //必须,字符串类型,用户软ID
  userUniqueId: "user_1234"
}, function(succ, data) {
  alert(succ + "\n" + JSON.stringify(data));   
});

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.gdtAction.setUserUniqueId({
  //必须,字符串类型,用户软ID
  userUniqueId: "user_1234"
}, function(succ, data) {
  alert(succ + "\n" + JSON.stringify(data));   
});

}
</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.gdtAction.setUserUniqueId({
  //必须,字符串类型,用户软ID
  userUniqueId: "user_1234"
}, function(succ, data) {
  alert(succ + "\n" + JSON.stringify(data));   
});

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

logAction 行为上报 APP开发接入腾讯广告(广点通)行为数据接入SDK

用做网页的技术做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

logAction 行为上报

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

//行为上报
jsBridge.gdtAction.logAction({
  //必须,字符串类型,行为类型,分为两类:
  //一类是在DMP上定义的标准行为类型,具体见下方注释说明;
  //另一类是您自己自定义的行为类型,可以传入一个字符串类型的参数,要求:这个字符串只能包含字母、数字和下划线,必须以字母开头,长度不能超过64
  actionType  : "REGISTER",
  //可选,JSON 类型(Key-Value键值对),行为参数
  //Key只可以为String类型,只能包含字母、数字和下划线,必须以字母开头,长度不能超过64,且不得以ams_reserved_开头(SDK内置参数将以它开头);
  //Value可以是String/Number/Boolean/JSONArray其中一种,当Value为JSONArray时,它的元素只能为String/Number/Boolean中的一种,且所有元素必须是同一个类型;
  actionParam : {
    user_id    : "user_1234",
    user_mobile: "13800138000"
  }
}, function(succ, data) {
  alert(succ + "\n" + JSON.stringify(data));   
});

/*
actionType 标准行为类型
值              含义
START_APP       应用启动
PAGE_VIEW       页面浏览
REGISTER        注册
VIEW_CONTENT    内容浏览
CONSULT         咨询
ADD_TO_CART     加入购物车
PURCHASE        付费购买
SEARCH          搜索
ADD_TO_WISHLIST     加入收藏
INITIATE_CHECKOUT   开始结算
COMPLETE_ORDER      下单
DOWNLOAD_APP        下载应用
RATE                评分
RESERVATION         预订
SHARE               分享
APPLY               申请,用于金融广告主的申请贷款、开卡等
CLAIM_OFFER         领取卡券,用于web落地页领取卡券等优惠信息的行为
NAVIGATE            导航,用于web落地页点击跳转到地图的行为
PRODUCT_RECOMMEND   商品推荐,动态创意客户直接传算好的推荐结果时使用

详细说明请参阅腾讯SDK官方文档
https://imgcache.qq.com/qzone/biz/gdt/dmp/user-action/GDT_ActionSDK_Android.zip
*/

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.gdtAction.logAction({
  //必须,字符串类型,行为类型,分为两类:
  //一类是在DMP上定义的标准行为类型,具体见下方注释说明;
  //另一类是您自己自定义的行为类型,可以传入一个字符串类型的参数,要求:这个字符串只能包含字母、数字和下划线,必须以字母开头,长度不能超过64
  actionType  : "REGISTER",
  //可选,JSON 类型(Key-Value键值对),行为参数
  //Key只可以为String类型,只能包含字母、数字和下划线,必须以字母开头,长度不能超过64,且不得以ams_reserved_开头(SDK内置参数将以它开头);
  //Value可以是String/Number/Boolean/JSONArray其中一种,当Value为JSONArray时,它的元素只能为String/Number/Boolean中的一种,且所有元素必须是同一个类型;
  actionParam : {
    user_id    : "user_1234",
    user_mobile: "13800138000"
  }
}, function(succ, data) {
  alert(succ + "\n" + JSON.stringify(data));   
});

/*
actionType 标准行为类型
值              含义
START_APP       应用启动
PAGE_VIEW       页面浏览
REGISTER        注册
VIEW_CONTENT    内容浏览
CONSULT         咨询
ADD_TO_CART     加入购物车
PURCHASE        付费购买
SEARCH          搜索
ADD_TO_WISHLIST     加入收藏
INITIATE_CHECKOUT   开始结算
COMPLETE_ORDER      下单
DOWNLOAD_APP        下载应用
RATE                评分
RESERVATION         预订
SHARE               分享
APPLY               申请,用于金融广告主的申请贷款、开卡等
CLAIM_OFFER         领取卡券,用于web落地页领取卡券等优惠信息的行为
NAVIGATE            导航,用于web落地页点击跳转到地图的行为
PRODUCT_RECOMMEND   商品推荐,动态创意客户直接传算好的推荐结果时使用

详细说明请参阅腾讯SDK官方文档
https://imgcache.qq.com/qzone/biz/gdt/dmp/user-action/GDT_ActionSDK_Android.zip
*/

}
</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.gdtAction.logAction({
  //必须,字符串类型,行为类型,分为两类:
  //一类是在DMP上定义的标准行为类型,具体见下方注释说明;
  //另一类是您自己自定义的行为类型,可以传入一个字符串类型的参数,要求:这个字符串只能包含字母、数字和下划线,必须以字母开头,长度不能超过64
  actionType  : "REGISTER",
  //可选,JSON 类型(Key-Value键值对),行为参数
  //Key只可以为String类型,只能包含字母、数字和下划线,必须以字母开头,长度不能超过64,且不得以ams_reserved_开头(SDK内置参数将以它开头);
  //Value可以是String/Number/Boolean/JSONArray其中一种,当Value为JSONArray时,它的元素只能为String/Number/Boolean中的一种,且所有元素必须是同一个类型;
  actionParam : {
    user_id    : "user_1234",
    user_mobile: "13800138000"
  }
}, function(succ, data) {
  alert(succ + "\n" + JSON.stringify(data));   
});

/*
actionType 标准行为类型
值              含义
START_APP       应用启动
PAGE_VIEW       页面浏览
REGISTER        注册
VIEW_CONTENT    内容浏览
CONSULT         咨询
ADD_TO_CART     加入购物车
PURCHASE        付费购买
SEARCH          搜索
ADD_TO_WISHLIST     加入收藏
INITIATE_CHECKOUT   开始结算
COMPLETE_ORDER      下单
DOWNLOAD_APP        下载应用
RATE                评分
RESERVATION         预订
SHARE               分享
APPLY               申请,用于金融广告主的申请贷款、开卡等
CLAIM_OFFER         领取卡券,用于web落地页领取卡券等优惠信息的行为
NAVIGATE            导航,用于web落地页点击跳转到地图的行为
PRODUCT_RECOMMEND   商品推荐,动态创意客户直接传算好的推荐结果时使用

详细说明请参阅腾讯SDK官方文档
https://imgcache.qq.com/qzone/biz/gdt/dmp/user-action/GDT_ActionSDK_Android.zip
*/

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

APP开发增加地理定位功能 腾讯定位SDK stop 停止定位

用做网页的技术做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

stop 停止定位

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

//停止定位
jsBridge.qqLoc.stop();

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.qqLoc.stop();

}
</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.qqLoc.stop();

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

APP开发增加地理定位功能 腾讯定位SDK getCurrentPosition 实时连续定位

用做网页的技术做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

getCurrentPosition 实时连续定位

1. watch 参数设为 true 即为实时连续定位,当用户位置发生变化时会收到回调通知;

2. Android 8 以上会在手机状态通知栏放置持续定位的前台服务通知,以降低应用被系统杀掉的概率;部分设备默认禁止了 APP 通知,可打包 本地通知 插件,调用 jsBridge.notification.requestAuth 检查是否开启了通知权限,如果没有通知权限可调用 jsBridge.appSettings() 引导用户开启权限;

3. Android 10 以上系统会申请后台定位权限(ACCESS_BACKGROUND_LOCATION),用户可选择 “始终允许” 或 “仅在使用该应用期间允许”;

4. Android 11 申请后台定位权限时不再出现 “始终允许” 选项,此时只能引导用户进入应用设置授予始终允许后台定位的权限;

5. 调用 jsBridge.appSettings() 可以打开应用设置;

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

var i = 0;
var cnt = $("#cnt").show().text("");
var result = $("#result").text("定位中...");    
$('html,body').animate({scrollTop: $('#view').offset().top}, 1200);

//发起定位,开启后请拿着手机走起来
//在室外开启GPS定位会更准确
jsBridge.qqLoc.getCurrentPosition({
  watch: true,
  watchInterval: 3,
  //不需要地址信息时的定位速度更快,消耗更少的流量
  notAddress   : true,
  notifyTitle  : "我的APP",
  notifyContent: "持续定位中..."
}, function(succ, data){
  cnt.text("第 " + (++i) + " 次位置回调: ");
  result.JSONView({
    succ: succ,
    data: data
  });
});

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核心代码到此{}括号内-->
var i = 0;
var cnt = $("#cnt").show().text("");
var result = $("#result").text("定位中...");    
$('html,body').animate({scrollTop: $('#view').offset().top}, 1200);

//发起定位,开启后请拿着手机走起来
//在室外开启GPS定位会更准确
jsBridge.qqLoc.getCurrentPosition({
  watch: true,
  watchInterval: 3,
  //不需要地址信息时的定位速度更快,消耗更少的流量
  notAddress   : true,
  notifyTitle  : "我的APP",
  notifyContent: "持续定位中..."
}, function(succ, data){
  cnt.text("第 " + (++i) + " 次位置回调: ");
  result.JSONView({
    succ: succ,
    data: data
  });
});

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

按钮执行JS示例代码

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


<!--这里可以直接复制JS核心代码到此{}括号内-->
var i = 0;
var cnt = $("#cnt").show().text("");
var result = $("#result").text("定位中...");    
$('html,body').animate({scrollTop: $('#view').offset().top}, 1200);

//发起定位,开启后请拿着手机走起来
//在室外开启GPS定位会更准确
jsBridge.qqLoc.getCurrentPosition({
  watch: true,
  watchInterval: 3,
  //不需要地址信息时的定位速度更快,消耗更少的流量
  notAddress   : true,
  notifyTitle  : "我的APP",
  notifyContent: "持续定位中..."
}, function(succ, data){
  cnt.text("第 " + (++i) + " 次位置回调: ");
  result.JSONView({
    succ: succ,
    data: data
  });
});

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

APP开发增加地理定位功能 腾讯定位SDK getCurrentPosition 获取当前位置

用做网页的技术做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

getCurrentPosition 获取当前位置

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

$("#cnt").hide();
var result = $("#result").text("定位中...");    
$('html,body').animate({scrollTop: $('#view').offset().top}, 1200);

//发起定位单次定位(watch 为 false)
jsBridge.qqLoc.getCurrentPosition({
  //可选, 连续定位, 默认 false
  //调用 jsBridge.qqLoc.stop() 停止定位
  watch : false,
  //可选,连续定位时间间隔(秒),最低1秒,默认3
  watchInterval: 3,
  //可选,布尔类型, true = 不需要地址信息,默认 false (需要)
  //不需要地址信息时的定位速度更快,消耗更少的流量
  notAddress   : false,
  //可选,连续定位通知栏标题,默认为应用名称
  notifyTitle  : "",
  //可选,连续定位通知栏内容
  notifyContent: "持续定位中..."
}, function(succ, data) {
  //jsBridge.setClipboardText(JSON.stringify(data));
  result.JSONView({
    succ: succ,
    data: data
  });
});

//示例定位结果(模拟数据):
var sample = 
{
    //成功
    success: true,
    address: null,
    name: null,
    //室内定位时返回楼层
    floor: "1000",
    //室内定位时返回建筑ID
    buildingId: "",
    //纬度
    latitude: 30.542879,
    //经度
    longitude: 104.047229,
    //室外GPS定位时返回海拔高度
    altitude: 0,
    //室外GPS定位时返回速度
    speed: 0,
    //方向
    direction: -22.051645187045615,
    //地址
    country: "中国",
    province: "四川省",
    city: "成都市",
    district: "武侯区",
    town: "石羊场街道",
    village: "Unknown",
    street: "天府四街",
    streetNumber: "剑南大道1537号",
    //邮编
    cityCode: "510107",
    //电话区号
    cityPhoneCode: "028",
    bearing: 0,
    //精确度(米)
    accuracy: 40,
    //定位方式
    provider: "network",
    //周边信息
    poi: [
        {
            address: "四川省成都市武侯区剑南大道中段1537号",
            latitude: 30.543404,
            longitude: 104.047569,
            catalog: "房产小区:住宅区:住宅小区",
            name: "佳年华·时代晶座",
            uid: "13166346620311622068",
            distance: 0,
            direction: ""
        },
        {
            address: "四川省成都市武侯区利通时代晶座2幢",
            latitude: 30.542837,
            longitude: 104.047173,
            catalog: "房产小区:房产小区附属",
            name: "佳年华·时代晶座2栋",
            uid: "1306492289682442565",
            distance: 10.7,
            direction: ""
        },
        {
            address: "四川省成都市武侯区天府四街时代金座3栋1911",
            latitude: 30.542694,
            longitude: 104.046967,
            catalog: "公司企业:公司企业",
            name: "四川创客暖通工程有限公司",
            uid: "10882588705945394131",
            distance: 35.5,
            direction: ""
        },
        {
            address: "四川省成都市武侯区剑南大道与天府四街交叉口东北方向120米",
            latitude: 30.542688,
            longitude: 104.046967,
            catalog: "公司企业:公司企业",
            name: "成都灵动美绘科技有限公司",
            uid: "15341516959025700688",
            distance: 35.9,
            direction: ""
        },
        {
            address: "四川省成都市武侯区剑南大道中段1589号时代晶座(天府四街交汇处)",
            latitude: 30.542686,
            longitude: 104.046967,
            catalog: "医疗保健:专科医院:整形",
            name: "紫藤花语医美连锁(高新门诊部)",
            uid: "2915740464587222983",
            distance: 36.1,
            direction: ""
        }
    ]
}

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核心代码到此{}括号内-->
$("#cnt").hide();
var result = $("#result").text("定位中...");    
$('html,body').animate({scrollTop: $('#view').offset().top}, 1200);

//发起定位单次定位(watch 为 false)
jsBridge.qqLoc.getCurrentPosition({
  //可选, 连续定位, 默认 false
  //调用 jsBridge.qqLoc.stop() 停止定位
  watch : false,
  //可选,连续定位时间间隔(秒),最低1秒,默认3
  watchInterval: 3,
  //可选,布尔类型, true = 不需要地址信息,默认 false (需要)
  //不需要地址信息时的定位速度更快,消耗更少的流量
  notAddress   : false,
  //可选,连续定位通知栏标题,默认为应用名称
  notifyTitle  : "",
  //可选,连续定位通知栏内容
  notifyContent: "持续定位中..."
}, function(succ, data) {
  //jsBridge.setClipboardText(JSON.stringify(data));
  result.JSONView({
    succ: succ,
    data: data
  });
});

//示例定位结果(模拟数据):
var sample = 
{
    //成功
    success: true,
    address: null,
    name: null,
    //室内定位时返回楼层
    floor: "1000",
    //室内定位时返回建筑ID
    buildingId: "",
    //纬度
    latitude: 30.542879,
    //经度
    longitude: 104.047229,
    //室外GPS定位时返回海拔高度
    altitude: 0,
    //室外GPS定位时返回速度
    speed: 0,
    //方向
    direction: -22.051645187045615,
    //地址
    country: "中国",
    province: "四川省",
    city: "成都市",
    district: "武侯区",
    town: "石羊场街道",
    village: "Unknown",
    street: "天府四街",
    streetNumber: "剑南大道1537号",
    //邮编
    cityCode: "510107",
    //电话区号
    cityPhoneCode: "028",
    bearing: 0,
    //精确度(米)
    accuracy: 40,
    //定位方式
    provider: "network",
    //周边信息
    poi: [
        {
            address: "四川省成都市武侯区剑南大道中段1537号",
            latitude: 30.543404,
            longitude: 104.047569,
            catalog: "房产小区:住宅区:住宅小区",
            name: "佳年华·时代晶座",
            uid: "13166346620311622068",
            distance: 0,
            direction: ""
        },
        {
            address: "四川省成都市武侯区利通时代晶座2幢",
            latitude: 30.542837,
            longitude: 104.047173,
            catalog: "房产小区:房产小区附属",
            name: "佳年华·时代晶座2栋",
            uid: "1306492289682442565",
            distance: 10.7,
            direction: ""
        },
        {
            address: "四川省成都市武侯区天府四街时代金座3栋1911",
            latitude: 30.542694,
            longitude: 104.046967,
            catalog: "公司企业:公司企业",
            name: "四川创客暖通工程有限公司",
            uid: "10882588705945394131",
            distance: 35.5,
            direction: ""
        },
        {
            address: "四川省成都市武侯区剑南大道与天府四街交叉口东北方向120米",
            latitude: 30.542688,
            longitude: 104.046967,
            catalog: "公司企业:公司企业",
            name: "成都灵动美绘科技有限公司",
            uid: "15341516959025700688",
            distance: 35.9,
            direction: ""
        },
        {
            address: "四川省成都市武侯区剑南大道中段1589号时代晶座(天府四街交汇处)",
            latitude: 30.542686,
            longitude: 104.046967,
            catalog: "医疗保健:专科医院:整形",
            name: "紫藤花语医美连锁(高新门诊部)",
            uid: "2915740464587222983",
            distance: 36.1,
            direction: ""
        }
    ]
}

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

按钮执行JS示例代码

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


<!--这里可以直接复制JS核心代码到此{}括号内-->
$("#cnt").hide();
var result = $("#result").text("定位中...");    
$('html,body').animate({scrollTop: $('#view').offset().top}, 1200);

//发起定位单次定位(watch 为 false)
jsBridge.qqLoc.getCurrentPosition({
  //可选, 连续定位, 默认 false
  //调用 jsBridge.qqLoc.stop() 停止定位
  watch : false,
  //可选,连续定位时间间隔(秒),最低1秒,默认3
  watchInterval: 3,
  //可选,布尔类型, true = 不需要地址信息,默认 false (需要)
  //不需要地址信息时的定位速度更快,消耗更少的流量
  notAddress   : false,
  //可选,连续定位通知栏标题,默认为应用名称
  notifyTitle  : "",
  //可选,连续定位通知栏内容
  notifyContent: "持续定位中..."
}, function(succ, data) {
  //jsBridge.setClipboardText(JSON.stringify(data));
  result.JSONView({
    succ: succ,
    data: data
  });
});

//示例定位结果(模拟数据):
var sample = 
{
    //成功
    success: true,
    address: null,
    name: null,
    //室内定位时返回楼层
    floor: "1000",
    //室内定位时返回建筑ID
    buildingId: "",
    //纬度
    latitude: 30.542879,
    //经度
    longitude: 104.047229,
    //室外GPS定位时返回海拔高度
    altitude: 0,
    //室外GPS定位时返回速度
    speed: 0,
    //方向
    direction: -22.051645187045615,
    //地址
    country: "中国",
    province: "四川省",
    city: "成都市",
    district: "武侯区",
    town: "石羊场街道",
    village: "Unknown",
    street: "天府四街",
    streetNumber: "剑南大道1537号",
    //邮编
    cityCode: "510107",
    //电话区号
    cityPhoneCode: "028",
    bearing: 0,
    //精确度(米)
    accuracy: 40,
    //定位方式
    provider: "network",
    //周边信息
    poi: [
        {
            address: "四川省成都市武侯区剑南大道中段1537号",
            latitude: 30.543404,
            longitude: 104.047569,
            catalog: "房产小区:住宅区:住宅小区",
            name: "佳年华·时代晶座",
            uid: "13166346620311622068",
            distance: 0,
            direction: ""
        },
        {
            address: "四川省成都市武侯区利通时代晶座2幢",
            latitude: 30.542837,
            longitude: 104.047173,
            catalog: "房产小区:房产小区附属",
            name: "佳年华·时代晶座2栋",
            uid: "1306492289682442565",
            distance: 10.7,
            direction: ""
        },
        {
            address: "四川省成都市武侯区天府四街时代金座3栋1911",
            latitude: 30.542694,
            longitude: 104.046967,
            catalog: "公司企业:公司企业",
            name: "四川创客暖通工程有限公司",
            uid: "10882588705945394131",
            distance: 35.5,
            direction: ""
        },
        {
            address: "四川省成都市武侯区剑南大道与天府四街交叉口东北方向120米",
            latitude: 30.542688,
            longitude: 104.046967,
            catalog: "公司企业:公司企业",
            name: "成都灵动美绘科技有限公司",
            uid: "15341516959025700688",
            distance: 35.9,
            direction: ""
        },
        {
            address: "四川省成都市武侯区剑南大道中段1589号时代晶座(天府四街交汇处)",
            latitude: 30.542686,
            longitude: 104.046967,
            catalog: "医疗保健:专科医院:整形",
            name: "紫藤花语医美连锁(高新门诊部)",
            uid: "2915740464587222983",
            distance: 36.1,
            direction: ""
        }
    ]
}

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

playVideo 播放视频  APP开发使用X5内核 腾讯X5内核打包APP

用做网页的技术做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

playVideo 播放视频 APP开发使用X5内核 腾讯X5内核打包APP

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

jsBridge.x5.playVideo("https://player.alicdn.com/video/editor.mp4", function(succ) {
  if (!succ) {
    alert("播放失败");
  }
});

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.playVideo("https://player.alicdn.com/video/editor.mp4", function(succ) {
  if (!succ) {
    alert("播放失败");
  }
});

}
</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.playVideo("https://player.alicdn.com/video/editor.mp4", function(succ) {
  if (!succ) {
    alert("播放失败");
  }
});

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

clearVideoCache 清除视频缓存 APP开发使用X5内核 腾讯X5内核打包APP

用做网页的技术做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

clearVideoCache 清除视频缓存

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

jsBridge.x5.clearVideoCache(function(){
  alert("视频缓存已清除");
});

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.clearVideoCache(function(){
  alert("视频缓存已清除");
});

}
</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.clearVideoCache(function(){
  alert("视频缓存已清除");
});

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

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