免费试用

中文化、本土化、云端化的在线跨平台软件开发工具,支持APP、电脑端、小程序、IOS免签等等

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

play 全屏播放 方式3:腾讯云视频  APP开发接入视立方播放器 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

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

相关知识:
h5开发app面试
H5开发APP是一种跨平台的开发方式,通过使用HTML5、CSS3和JavaScript等前端技术,将Web应用封装成原生应用的形式,在不同的移动设备上运行,从而实现一次开发,多平台适配的目标。H5开发APP的原理是利用原生应用的浏览器内核加载网页,通过调
2023-07-14
facebook是如何开发app的
Facebook是一家全球最大的社交媒体平台之一,它的应用程序(App)是其用户与平台进行交互的主要渠道之一。本文将详细介绍Facebook开发App的原理和过程。1. 需求分析:在开发App之前,Facebook首先会进行需求分析。他们会认真研究用户需求
2023-07-14
app开发体验文档介绍内容
标题:App开发体验文档介绍摘要:本文将介绍App开发的基本原理和详细步骤,包括需求分析、设计、开发、测试和发布等环节。通过阅读本文,读者将对App开发有一个全面的了解,并能够进行初步的App开发实践。一、需求分析在进行App开发之前,首先需要进行需求分析
2023-06-29
app开发辅助
App开发辅助是指在移动应用程序开发过程中使用一些辅助工具来提高开发效率、降低开发成本,以及优化用户体验的方法。这些工具主要包括以下几个方面:1.集成开发环境(Integrated Development Environment,IDE)IDE是一个开发者
2023-06-29
app开发的博客系统
在移动互联网时代,APP已经渗透到了各个领域,而博客作为一种非常流行的内容分享模式,在APP中也有着广泛的应用。那么,APP中的博客系统是如何实现的呢?首先需要明确的是,APP中的博客系统需要解决两个问题:1. 如何实现展示和编辑博客的界面,以及博客内容的
2023-06-29
app定制开发的意义
随着移动互联网的发展,人们对于移动应用的需求越来越高。而对于企业而言,一款定制化的移动应用不仅可以提高其品牌形象,也能够带来更多的商业机会。因此,这里将详细介绍一下app定制开发的原理以及其意义。一、app定制开发的原理app定制开发是指企业根据自身业务需
2023-05-06