APP开发实现腾讯云 实时音视频 TRTC enterRoom 进入房间2 – 测试用户 A

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

enterRoom 进入房间2 – 测试用户 A

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

//进入房间2 - 测试用户 A
jsBridge.trtc.enterRoom({
  param: {
    sdkAppId: 1400361045,
    userId  : "user_B",
    userSig : "eJyrVgrxCdYrSy1SslIy0jNQ0gHzM1NS80oy0zLBwqXFqUXxjlCZ4pTsxIKCzBQlK0MTAwNjM0MDE1OITGpFQWZRqpKVsSFQzMDAACJakpkLFDM0tbAwsDAwNTCCmpKZDjTYNCkkM8jL09es0tc9z8jczCgrsjLKyS3JX7sk1dPb3cWyKqQ8IDcnKK0i3VapFgBHbDGE",
    roomId  : 123
  }
}, function(succ, data) {
  if (!succ) {
    alert(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核心代码到此{}括号内-->
//进入房间2 - 测试用户 A
jsBridge.trtc.enterRoom({
  param: {
    sdkAppId: 1400361045,
    userId  : "user_B",
    userSig : "eJyrVgrxCdYrSy1SslIy0jNQ0gHzM1NS80oy0zLBwqXFqUXxjlCZ4pTsxIKCzBQlK0MTAwNjM0MDE1OITGpFQWZRqpKVsSFQzMDAACJakpkLFDM0tbAwsDAwNTCCmpKZDjTYNCkkM8jL09es0tc9z8jczCgrsjLKyS3JX7sk1dPb3cWyKqQ8IDcnKK0i3VapFgBHbDGE",
    roomId  : 123
  }
}, function(succ, data) {
  if (!succ) {
    alert(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核心代码到此{}括号内-->
//进入房间2 - 测试用户 A
jsBridge.trtc.enterRoom({
  param: {
    sdkAppId: 1400361045,
    userId  : "user_B",
    userSig : "eJyrVgrxCdYrSy1SslIy0jNQ0gHzM1NS80oy0zLBwqXFqUXxjlCZ4pTsxIKCzBQlK0MTAwNjM0MDE1OITGpFQWZRqpKVsSFQzMDAACJakpkLFDM0tbAwsDAwNTCCmpKZDjTYNCkkM8jL09es0tc9z8jczCgrsjLKyS3JX7sk1dPb3cWyKqQ8IDcnKK0i3VapFgBHbDGE",
    roomId  : 123
  }
}, function(succ, data) {
  if (!succ) {
    alert(JSON.stringify(data));
  }
});

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

APP开发实现腾讯云 实时音视频 TRTC enterRoom 进入房间1 – 测试用户 C

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

enterRoom 进入房间1 – 测试用户 C

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

//进入房间1 - 测试用户 C
jsBridge.trtc.enterRoom({
  param: {
    sdkAppId: 1400361045,
    userId  : "user_C",
    userSig : "eJyrVgrxCdYrSy1SslIy0jNQ0gHzM1NS80oy0zLBwqXFqUXxzlCZ4pTsxIKCzBQlK0MTAwNjM0MDE1OITGpFQWZRqpKVsSFQzMDAACJakpkLFDM0tbAwsDAwN7eEmpKZDjQ4Kzfd2SLKPEvbyz*qIjw9J9fT2Diz3EPb29KkxMk8L1I7yz-ItVQ-Lc001FapFgBTWTEi",
    roomId  : 1
  }
}, function(succ, data) {
  if (!succ) {
    alert(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核心代码到此{}括号内-->
//进入房间1 - 测试用户 C
jsBridge.trtc.enterRoom({
  param: {
    sdkAppId: 1400361045,
    userId  : "user_C",
    userSig : "eJyrVgrxCdYrSy1SslIy0jNQ0gHzM1NS80oy0zLBwqXFqUXxzlCZ4pTsxIKCzBQlK0MTAwNjM0MDE1OITGpFQWZRqpKVsSFQzMDAACJakpkLFDM0tbAwsDAwN7eEmpKZDjQ4Kzfd2SLKPEvbyz*qIjw9J9fT2Diz3EPb29KkxMk8L1I7yz-ItVQ-Lc001FapFgBTWTEi",
    roomId  : 1
  }
}, function(succ, data) {
  if (!succ) {
    alert(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核心代码到此{}括号内-->
//进入房间1 - 测试用户 C
jsBridge.trtc.enterRoom({
  param: {
    sdkAppId: 1400361045,
    userId  : "user_C",
    userSig : "eJyrVgrxCdYrSy1SslIy0jNQ0gHzM1NS80oy0zLBwqXFqUXxzlCZ4pTsxIKCzBQlK0MTAwNjM0MDE1OITGpFQWZRqpKVsSFQzMDAACJakpkLFDM0tbAwsDAwN7eEmpKZDjQ4Kzfd2SLKPEvbyz*qIjw9J9fT2Diz3EPb29KkxMk8L1I7yz-ItVQ-Lc001FapFgBTWTEi",
    roomId  : 1
  }
}, function(succ, data) {
  if (!succ) {
    alert(JSON.stringify(data));
  }
});

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

APP开发实现腾讯云 实时音视频 TRTC enterRoom 进入房间1 – 测试用户 B

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

enterRoom 进入房间1 – 测试用户 B

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

//进入房间1 - 测试用户 B
jsBridge.trtc.enterRoom({
  param: {
    sdkAppId: 1400361045,
    userId  : "user_B",
    userSig : "eJwtzEsLgkAUhuH-ctYhZ7w1CC2aAjcukqJtlGfSk1jDjNqN-nuiLr-ng-cLh2zv9dpCAr6HsBg3k763fOWRO6ftSc2Po-psDBMkIkQMYoFhND36ZdhqSAIxGCJO2nIzmIikRInLMJ4rXA7ho1Id9lS3TUTZujB*ReknkJfyYd7b4nnbVanb5KSsy1fw*wNubjKq",
    roomId  : 1
  }
}, function(succ, data) {
  if (!succ) {
    alert(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核心代码到此{}括号内-->
//进入房间1 - 测试用户 B
jsBridge.trtc.enterRoom({
  param: {
    sdkAppId: 1400361045,
    userId  : "user_B",
    userSig : "eJwtzEsLgkAUhuH-ctYhZ7w1CC2aAjcukqJtlGfSk1jDjNqN-nuiLr-ng-cLh2zv9dpCAr6HsBg3k763fOWRO6ftSc2Po-psDBMkIkQMYoFhND36ZdhqSAIxGCJO2nIzmIikRInLMJ4rXA7ho1Id9lS3TUTZujB*ReknkJfyYd7b4nnbVanb5KSsy1fw*wNubjKq",
    roomId  : 1
  }
}, function(succ, data) {
  if (!succ) {
    alert(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核心代码到此{}括号内-->
//进入房间1 - 测试用户 B
jsBridge.trtc.enterRoom({
  param: {
    sdkAppId: 1400361045,
    userId  : "user_B",
    userSig : "eJwtzEsLgkAUhuH-ctYhZ7w1CC2aAjcukqJtlGfSk1jDjNqN-nuiLr-ng-cLh2zv9dpCAr6HsBg3k763fOWRO6ftSc2Po-psDBMkIkQMYoFhND36ZdhqSAIxGCJO2nIzmIikRInLMJ4rXA7ho1Id9lS3TUTZujB*ReknkJfyYd7b4nnbVanb5KSsy1fw*wNubjKq",
    roomId  : 1
  }
}, function(succ, data) {
  if (!succ) {
    alert(JSON.stringify(data));
  }
});

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

在线打包H5为APP

目前市面手机系统主要有安卓和IOS,所有APP的技术源头都来自谷歌和苹果,只要是APP都是遵循国外技术进行标准化生产的,可以理解为所有APP框架底层都是原生框架,否则是无法安装到对应的手机系统里面的。h5网页打包的原理主要是对UI、对视窗、对界面上进行了简易处理,使得APP的视觉体验上可以跟上时代潮流,使用前沿的UI解决方案来替代原生APP的UI处理,使得开发APP更加的简易。通过h5网页打包可以快速开发APP,降低研发成本,减少常规项目不必要的技术支出,从而实现低成本开发APP的目的;

APP的制作对于普通用户来说是一项复杂的工作,但是如果是拥有属于自己的网页链接的客户,选用一门APP打包平台就可以快速的将自己的网页链接打包成为APP;

那么如何在线打包H5为APP呢?首先,你需要登录一门APP打包平台注册账号并登录一门APP开发者中心,去开发者中心把H5网页打包APP;

在线打包H5为APP

登录一门APP开发者中心之后,点击新建应用-新建应用应用输入你要生成APP的H5网页地址和APP名字创建你自己的APP打包;

在线打包H5为APP

移动应用创建成功之后,点击配置按钮进去移动版基本信息页面去上传你APP的logo和启动图,如果在测试阶段没有现成的logo和启动图可以选择在线制作文字图标作为logo和选用系统图片作为启动图;

在线打包H5为APP

logo和启动图上传成功之后,点击左侧导航栏上面的生成安装包,即可进入APP安装包生成界面(新注册的客户第一次生成安装包是需要认证手机号码的),点击下面的生成即可生成你APP的安装包,默认是只生成安卓安装包的,如果你有生成苹果安装包或者是安卓aab安装包的需求,请在生成安装包页面进行选择;

在线打包H5为APP

当你生成了安卓安装包之后,就可以去扫描上面的二维码去下载安装APP到你的手机进行测试,如果你在APP测试的过程中有什么问题,可以联系我们平台在线客服进行咨询。

H5网页打包APP

目前市面手机系统主要有安卓和IOS,所有APP的技术源头都来自谷歌和苹果,只要是APP都是遵循国外技术进行标准化生产的,可以理解为所有APP框架底层都是原生框架,否则是无法安装到对应的手机系统里面的。h5网页打包的原理主要是对UI、对视窗、对界面上进行了简易处理,使得APP的视觉体验上可以跟上时代潮流,使用前沿的UI解决方案来替代原生APP的UI处理,使得开发APP更加的简易。通过h5网页打包可以快速开发APP,降低研发成本,减少常规项目不必要的技术支出,从而实现低成本开发APP的目的;

APP的制作对于普通用户来说是一项复杂的工作,但是如果是拥有属于自己的网页链接的客户,选用一门APP打包平台就可以快速的将自己的网页链接打包成为APP;

首先,你需要登录一门APP打包平台注册账号并登录一门APP开发者中心,去开发者中心把H5网页打包APP

H5网页打包APP

登录一门APP开发者中心之后,点击新建应用-新建应用应用输入你要生成APP的H5网页地址和APP名字创建你自己的APP打包;

H5网页打包APP

移动应用创建成功之后,点击配置按钮进去移动版基本信息页面去上传你APP的logo和启动图,如果在测试阶段没有现成的logo和启动图可以选择在线制作文字图标作为logo和选用系统图片作为启动图;

H5网页打包APP

logo和启动图上传成功之后,点击左侧导航栏上面的生成安装包,即可进入APP安装包生成界面(新注册的客户第一次生成安装包是需要认证手机号码的),点击下面的生成即可生成你APP的安装包,默认是只生成安卓安装包的,如果你有生成苹果安装包或者是安卓aab安装包的需求,请在生成安装包页面进行选择;

H5网页打包APP

当你生成了安卓安装包之后,就可以去扫描上面的二维码去下载安装APP到你的手机进行测试,如果你在APP测试的过程中有什么问题,可以联系我们平台在线客服进行咨询。

如何打包apk文件

要生成apk文件对于普通用户来说是一项复杂的工作,但是如果是拥有属于自己的网页链接的客户,选用一门APP打包平台就可以快速的将自己的网页链接打包成为apk文件;

那么如何打包apk文件呢?首先,你需要登录一门APP打包平台注册账号并登录一门APP开发者中心,去开发者中心把链接打包成apk文件;

如何打包apk文件

登录一门APP开发者中心之后,点击新建应用-新建应用应用输入你要生成APP的H5链接地址和APP名字创建你自己的APP打包;

如何打包apk文件

移动应用创建成功之后,点击配置按钮进去移动版基本信息页面去上传你APP的logo和启动图,如果在测试阶段没有现成的logo和启动图可以选择在线制作文字图标作为logo和选用系统图片作为启动图;

如何打包apk文件

logo和启动图上传成功之后,点击左侧导航栏上面的生成安装包,即可进入APP安装包生成界面(新注册的客户第一次生成安装包是需要认证手机号码的),点击下面的生成即可生成你APP的安装包,默认是只生成安卓安装包(apk)的,如果你有生成苹果安装包或者是安卓aab安装包的需求,请在生成安装包页面进行选择;

如何打包apk文件

当你生成了安卓apk安装包之后,就可以去扫描上面的二维码去下载安装APP到你的手机进行测试,如果你在APP测试的过程中有什么问题,可以联系我们平台在线客服进行咨询。

src打包apk html文件打包成APP

src打包apk src是什么呢,src在HTML中,src是简写,其全称是Sample Rate Convertor(采样率转换器)的缩写

src打包apk 指的用html文件打包成APK文件

也就是用H5网站打包成APP

一门APP打包平台是一个转为中小微企业制作APP的打包平台

src打包apk
src打包apk

多种打包方式,多种APP相关服务

src打包apk

便宜优惠的价格

src打包apk

更有方便快捷的苹果免签版打包工具。

APP开发实现腾讯云 实时音视频 TRTC enterRoom 进入房间1 – 测试用户 A

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

enterRoom 进入房间1 – 测试用户 A

• 需要开启文件读写、摄像头和麦克风隐私权限;

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

//进入房间1 - 测试用户 A
//进入房间,若房间不存在,系统将自动创建一个新房间。
//详细说明 http://doc.qcloudtrtc.com/group__TRTCCloud__android.html#abfc1841af52e8f6a5f239a846a1e5d5c
jsBridge.trtc.enterRoom({
  param: {
    //必须,数字类型,腾讯平台上创建的应用ID
    sdkAppId: 1400361045,
    //必须,字符串类型,用户ID
    userId  : "user_A",
    //必须,字符串类型,用户安全签名
    //如何计算UserSig 请参考 https://cloud.tencent.com/document/product/647/17275#Server
    userSig : "eJyrVgrxCdYrSy1SslIy0jNQ0gHzM1NS80oy0zLBwqXFqUXxjlCZ4pTsxIKCzBQlK0MTAwNjM0MDE1OITGpFQWZRqpKVsSFQzMDAACJakpkLFDM0tbAwsDAwNTCCmpKZDjTYNCkkM8jL09es0tc9z8jczCgrsjLKyS3JX7sk1dPb3cWyKqQ8IDcnKK0i3VapFgBHbDGE",
    //必须,数字类型,房间号,进入同一个房间号的用户可以共同通话
    roomId  : 1
  },
  //可选,其他设置
  extra: {
    //可选,字符串类型,房间名称(标题),默认为数字房间号,空字符串 "" 则不显示
    title    : "这是房间名称",
    //可选,布尔类型,是否横屏模式,默认 false(竖屏)(仅支持摄像头,录屏时始终为竖屏)
    landscape: false,
    //可选,布尔类型,是否录屏作为视频源,默认 false(使用摄像头),true 则录屏
    captureScreen  : false,
    //可选,数字类型,视频分辨率,默认 0(360x640),允许的值:
    //0 分辨率360x640
    //1 分辨率240x320
    //2 分辨率540x960
    //3 分辨率720x1280
    videoResolution: 0,
    //可选,布尔类型,是否使用16K音频采样率,默认 false(48K)
    audio16KSampleRate: false,
    //可选,数字类型,音量类型,默认 0(自动),允许的值:
    //0 自动
    //1 媒体
    //2 通话
    volumeType: 0,
    //可选,布尔类型,是否拒收(不接收)视频,默认 false(接收视频)
    rejectVideo  : false,
    //可选,布尔类型,是否拒收(不接收)音频,默认 false(接收音频)
    rejectAudio  : false
  }
}, function(succ, data) {
  if (!succ) {
    alert(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核心代码到此{}括号内-->
//进入房间1 - 测试用户 A
//进入房间,若房间不存在,系统将自动创建一个新房间。
//详细说明 http://doc.qcloudtrtc.com/group__TRTCCloud__android.html#abfc1841af52e8f6a5f239a846a1e5d5c
jsBridge.trtc.enterRoom({
  param: {
    //必须,数字类型,腾讯平台上创建的应用ID
    sdkAppId: 1400361045,
    //必须,字符串类型,用户ID
    userId  : "user_A",
    //必须,字符串类型,用户安全签名
    //如何计算UserSig 请参考 https://cloud.tencent.com/document/product/647/17275#Server
    userSig : "eJyrVgrxCdYrSy1SslIy0jNQ0gHzM1NS80oy0zLBwqXFqUXxjlCZ4pTsxIKCzBQlK0MTAwNjM0MDE1OITGpFQWZRqpKVsSFQzMDAACJakpkLFDM0tbAwsDAwNTCCmpKZDjTYNCkkM8jL09es0tc9z8jczCgrsjLKyS3JX7sk1dPb3cWyKqQ8IDcnKK0i3VapFgBHbDGE",
    //必须,数字类型,房间号,进入同一个房间号的用户可以共同通话
    roomId  : 1
  },
  //可选,其他设置
  extra: {
    //可选,字符串类型,房间名称(标题),默认为数字房间号,空字符串 "" 则不显示
    title    : "这是房间名称",
    //可选,布尔类型,是否横屏模式,默认 false(竖屏)(仅支持摄像头,录屏时始终为竖屏)
    landscape: false,
    //可选,布尔类型,是否录屏作为视频源,默认 false(使用摄像头),true 则录屏
    captureScreen  : false,
    //可选,数字类型,视频分辨率,默认 0(360x640),允许的值:
    //0 分辨率360x640
    //1 分辨率240x320
    //2 分辨率540x960
    //3 分辨率720x1280
    videoResolution: 0,
    //可选,布尔类型,是否使用16K音频采样率,默认 false(48K)
    audio16KSampleRate: false,
    //可选,数字类型,音量类型,默认 0(自动),允许的值:
    //0 自动
    //1 媒体
    //2 通话
    volumeType: 0,
    //可选,布尔类型,是否拒收(不接收)视频,默认 false(接收视频)
    rejectVideo  : false,
    //可选,布尔类型,是否拒收(不接收)音频,默认 false(接收音频)
    rejectAudio  : false
  }
}, function(succ, data) {
  if (!succ) {
    alert(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核心代码到此{}括号内-->
//进入房间1 - 测试用户 A
//进入房间,若房间不存在,系统将自动创建一个新房间。
//详细说明 http://doc.qcloudtrtc.com/group__TRTCCloud__android.html#abfc1841af52e8f6a5f239a846a1e5d5c
jsBridge.trtc.enterRoom({
  param: {
    //必须,数字类型,腾讯平台上创建的应用ID
    sdkAppId: 1400361045,
    //必须,字符串类型,用户ID
    userId  : "user_A",
    //必须,字符串类型,用户安全签名
    //如何计算UserSig 请参考 https://cloud.tencent.com/document/product/647/17275#Server
    userSig : "eJyrVgrxCdYrSy1SslIy0jNQ0gHzM1NS80oy0zLBwqXFqUXxjlCZ4pTsxIKCzBQlK0MTAwNjM0MDE1OITGpFQWZRqpKVsSFQzMDAACJakpkLFDM0tbAwsDAwNTCCmpKZDjTYNCkkM8jL09es0tc9z8jczCgrsjLKyS3JX7sk1dPb3cWyKqQ8IDcnKK0i3VapFgBHbDGE",
    //必须,数字类型,房间号,进入同一个房间号的用户可以共同通话
    roomId  : 1
  },
  //可选,其他设置
  extra: {
    //可选,字符串类型,房间名称(标题),默认为数字房间号,空字符串 "" 则不显示
    title    : "这是房间名称",
    //可选,布尔类型,是否横屏模式,默认 false(竖屏)(仅支持摄像头,录屏时始终为竖屏)
    landscape: false,
    //可选,布尔类型,是否录屏作为视频源,默认 false(使用摄像头),true 则录屏
    captureScreen  : false,
    //可选,数字类型,视频分辨率,默认 0(360x640),允许的值:
    //0 分辨率360x640
    //1 分辨率240x320
    //2 分辨率540x960
    //3 分辨率720x1280
    videoResolution: 0,
    //可选,布尔类型,是否使用16K音频采样率,默认 false(48K)
    audio16KSampleRate: false,
    //可选,数字类型,音量类型,默认 0(自动),允许的值:
    //0 自动
    //1 媒体
    //2 通话
    volumeType: 0,
    //可选,布尔类型,是否拒收(不接收)视频,默认 false(接收视频)
    rejectVideo  : false,
    //可选,布尔类型,是否拒收(不接收)音频,默认 false(接收音频)
    rejectAudio  : false
  }
}, function(succ, data) {
  if (!succ) {
    alert(JSON.stringify(data));
  }
});

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

APP开发实现腾讯云 实时音视频 TRTC removeListener 移除监听器

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

removeListener 移除监听器

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

//移除监听器,不会再收到回调通知
//在需要时可重新调用 setListener
jsBridge.trtc.removeListener();

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核心代码到此{}括号内-->
//移除监听器,不会再收到回调通知
//在需要时可重新调用 setListener
jsBridge.trtc.removeListener();

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

按钮执行JS示例代码

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


<!--这里可以直接复制JS核心代码到此{}括号内-->
//移除监听器,不会再收到回调通知
//在需要时可重新调用 setListener
jsBridge.trtc.removeListener();

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

APP开发实现腾讯云 实时音视频 TRTC setListener 设置监听器

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

setListener 设置监听器

• 如需接口调用事件,请设置此监听器;

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

//所有事件请参考 TRTCCloudListener
//详细说明 http://doc.qcloudtrtc.com/group__TRTCCloud__android.html#a22fe2f31f2ef62fb3c6cba083dc6c016
//所有事件 http://doc.qcloudtrtc.com/group__TRTCCloudListener__android.html#classcom_1_1tencent_1_1trtc_1_1TRTCCloudListener
jsBridge.trtc.setListener(function(event, data) {
  show({
    event: event,
    data : data
  });
});

//请拉到页面底部查看回调数据信息
$('html,body').animate({ scrollTop: $('#view').offset().top }, 500);

/**
回调参数说明:
event - 事件名称,字符串类型
data  - 事件数据,JSON 对象,即事件回调参数
**/

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核心代码到此{}括号内-->
//所有事件请参考 TRTCCloudListener
//详细说明 http://doc.qcloudtrtc.com/group__TRTCCloud__android.html#a22fe2f31f2ef62fb3c6cba083dc6c016
//所有事件 http://doc.qcloudtrtc.com/group__TRTCCloudListener__android.html#classcom_1_1tencent_1_1trtc_1_1TRTCCloudListener
jsBridge.trtc.setListener(function(event, data) {
  show({
    event: event,
    data : data
  });
});

//请拉到页面底部查看回调数据信息
$('html,body').animate({ scrollTop: $('#view').offset().top }, 500);

/**
回调参数说明:
event - 事件名称,字符串类型
data  - 事件数据,JSON 对象,即事件回调参数
**/

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

按钮执行JS示例代码

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


<!--这里可以直接复制JS核心代码到此{}括号内-->
//所有事件请参考 TRTCCloudListener
//详细说明 http://doc.qcloudtrtc.com/group__TRTCCloud__android.html#a22fe2f31f2ef62fb3c6cba083dc6c016
//所有事件 http://doc.qcloudtrtc.com/group__TRTCCloudListener__android.html#classcom_1_1tencent_1_1trtc_1_1TRTCCloudListener
jsBridge.trtc.setListener(function(event, data) {
  show({
    event: event,
    data : data
  });
});

//请拉到页面底部查看回调数据信息
$('html,body').animate({ scrollTop: $('#view').offset().top }, 500);

/**
回调参数说明:
event - 事件名称,字符串类型
data  - 事件数据,JSON 对象,即事件回调参数
**/

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

APP开发实现QQ登录 APP唤起QQ实现三方授权登录 qqLogin QQ登录 通过网页回调

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

qqLogin QQ登录 通过网页回调

登录结果及授权参数将通过 URL Query 传到给你指定的链接

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

jsBridge.qqLogin("./u.cshtml");
/*
如果登录成功会跳转到链接
u.cshtml?openid=xxxx&access_token=xxxx&userinfo=xxxx
userinfo 参数是 JSON.stringify(userinfo) 的 URLEncode 编码
*/

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.qqLogin("./u.cshtml");
/*
如果登录成功会跳转到链接
u.cshtml?openid=xxxx&access_token=xxxx&userinfo=xxxx
userinfo 参数是 JSON.stringify(userinfo) 的 URLEncode 编码
*/

}
</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.qqLogin("./u.cshtml");
/*
如果登录成功会跳转到链接
u.cshtml?openid=xxxx&access_token=xxxx&userinfo=xxxx
userinfo 参数是 JSON.stringify(userinfo) 的 URLEncode 编码
*/

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

为APP开发QQ登录能力 qqLogin QQ登录 通过函数回调

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

qqLogin QQ登录 通过函数回调

通过js函数回调获取登录结果及授权参数

jsBridge.qqLogin(function(succ, ret) {
  if (succ) {
    alert(JSON.stringify(ret));
  } else {
    alert("登录失败或取消了登录");
  }
});
/*
登录成功的结果在 ret 中返回,是个 json 对象:
{
  openid:       "wwwwwwwwwwwwwww",
  access_token: "aaaaaaaaaaaaaaa",
  userinfo: {       //用户资料
    nickname: "sssssss"
    //...
  }
}
*/

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.qqLogin(function(succ, ret) {
  if (succ) {
    alert(JSON.stringify(ret));
  } else {
    alert("登录失败或取消了登录");
  }
});
/*
登录成功的结果在 ret 中返回,是个 json 对象:
{
  openid:       "wwwwwwwwwwwwwww",
  access_token: "aaaaaaaaaaaaaaa",
  userinfo: {       //用户资料
    nickname: "sssssss"
    //...
  }
}
*/

}
</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.qqLogin(function(succ, ret) {
  if (succ) {
    alert(JSON.stringify(ret));
  } else {
    alert("登录失败或取消了登录");
  }
});
/*
登录成功的结果在 ret 中返回,是个 json 对象:
{
  openid:       "wwwwwwwwwwwwwww",
  access_token: "aaaaaaaaaaaaaaa",
  userinfo: {       //用户资料
    nickname: "sssssss"
    //...
  }
}
*/

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

怎么申请抖音小程序呢?

抖音小程序申请教程
头条小程序和抖音小程序合并

1.打开抖音小程序官网
旧版开放平台:https://microapp.bytedance.com/
新版地址:https://developer.open-douyin.com/
需要公司主体
需要公司主体

点击注册,之后完成企业认证

2.登陆抖音小程序开发平台
https://developer.open-douyin.com/
进入控制台

点击新建小程序

跟着流程输入常规信息即可

IOS免签离线版 无需域名接入 无需解析 支持IP地址打包

IOS免签版是apple官方支持的一种桌面书签快捷方式;
可以为URL链接即网站地址在手机设备桌面快捷创建一个应用图标;
点击图标之后启用safari浏览器打开网站链接;

一门支持苹果书签免费创建,您只要有网站,都可以使用一门APP开发平台,快捷的免费的使用苹果书签能力;

IOS免签优势
相比较于网站打包APP,会获得更低的安装成本!
1.IOS免签版比苹果APP更易安装,无需apple证书,无需上架appstore;
2.安装快捷,无需下载大体积安装包,配置文件小至50K,下载速度更快;

一门苹果书签有免费版和收费版
免费版介绍
免费版可以永久免费使用,对一门开发者全面开放,注册成为一门开发者即可免费打包IOS书签,且支持下载配置文件,挂在自有服务器!
免费版不支持隐藏网址,不支持自定义功能

收费版介绍
收费版为高级版,付费获得更好的兼容和更多的功能;
收费比免费版获得更好的兼容性
主要表现为:可以隐藏网址;自定义设定UI界面;可以支持底部导航等功能
主题配色能力

刘海屏适配

底部导航能力

收费版又分为在线版和离线版;
在线版需要域名接入,需要做解析指向一门配置服务域名;
在线版按天数付费,支持月付和季付和年付;

离线版无需域名接入,只需要下载配置文件上传网站根目录;
离线版为买断模式,一次性付费,无需续费;
离线版支持IP接入打包生成桌面书签;
离线版支持CSS注入和JS注入;

离线版不受到一门服务性能影响,也不受到其他客户业务影响;
强力建议使用离线版接入;简单方便安全快捷;

云端打包app服务简单介绍

封装的APP对于现在市场上的APP类型已经是很普遍了,选择不同的封装APP的打包平台,打包出来的APP效果各不相同

这边推荐一个云端打包APP服务的打包平台,一门APP

一门APP打包平台网址:www.yimenapp.com

云端打包app服务

一门APP打包平台提供HTML文件打包成APP、HTML文件打包成exe

网站打包成APP、网站打包成免签版、exe、小程序等等功能

云端打包app服务

云端打包app服务收费标准

云端打包app服务

还支持打包苹果免签版,无需上架应用市场,无需签名也可以安装到苹果手机上

云端打包app服务

前端APP打包可以用什么方式呢?

如果我们只有一个网站,是否可以用一个简单的H5网站制作成APP呢

答案是可以的

使用我们的一门APP打包平台,可以快速的把一个网站打包成为APP

首先登陆一门APP打包平台

前端APP打包

在打包平台注册账号并登陆

前端APP打包

可以选择多种注册与登陆方式

前端APP打包

可以用不同的方式打包APP,可以填网址页可以上传自己的前端代码进行打包

前端APP打包

填好基本信息就可以直接生成安装包了

前端APP打包

前端APP打包几分钟打包好。

android如何生成apk,有什么方式来制作APK呢?

APK文件,是安卓APP的安装包文件,APP制作方式有很多种,比如原生开发,网页封装,混合开发, 我们需要用合适我们自己的方式来制作APP

用网站封装APP也是一种很好的APP制作方式,简单方便快捷,并且便宜

一门APP打包平台,就是专注于封装APP的打包平台只需要简单的几步操作就可以生成制作好APP。

首先登陆一门APP打包平台,并注册打包平台账户

android如何生成apk
android如何生成apk

可以使用多种方式注册和登陆一门APP打包平台

android如何生成apk

注册好之后,点击新建应用填好网址、APP名称

android如何生成apk

上传APP的LOGO、启动图图片

android如何生成apk

最后在生成安装包界面点击生成,即可完成APP的基本打包流程了。

如何把链接打包成APP

APP的制作对于普通用户来说是一项复杂的工作,但是如果是拥有属于自己的网页链接的客户,选用一门APP打包平台就可以快速的将自己的网页链接打包成为APP;

首先,你需要登录一门APP打包平台注册账号并登录一门APP开发者中心,去开发者中心把链接打包成APP

把链接打包成APP

登录一门APP开发者中心之后,点击新建应用-新建应用应用输入你要生成APP的H5链接地址和APP名字创建你自己的APP打包;

把链接打包成APP

移动应用创建成功之后,点击配置按钮进去移动版基本信息页面去上传你APP的logo和启动图,如果在测试阶段没有现成的logo和启动图可以选择在线制作文字图标作为logo和选用系统图片作为启动图;

把链接打包成APP

logo和启动图上传成功之后,点击左侧导航栏上面的生成安装包,即可进入APP安装包生成界面(新注册的客户第一次生成安装包是需要认证手机号码的),点击下面的生成即可生成你APP的安装包,默认是只生成安卓安装包的,如果你有生成苹果安装包或者是安卓aab安装包的需求,请在生成安装包页面进行选择;

把链接打包成APP

当你生成了安卓安装包之后,就可以去扫描上面的二维码去下载安装APP到你的手机进行测试,如果你在APP测试的过程中有什么问题,可以联系我们平台在线客服进行咨询。

如何将URL打包成APP

PP的制作对于普通用户来说是一项复杂的工作,但是如果是拥有属于自己的URL的客户,选用一门APP打包平台就可以快速的将自己的URL打包成为APP;

首先,你需要登录一门APP打包平台注册账号并登录一门APP开发者中心,去开发者中心将URL打包成APP

URL打包成APP

登录一门APP开发者中心之后,点击新建应用-新建应用应用输入你要生成APP的URL链接地址和APP名字创建你自己的APP打包;

URL打包成APP

移动应用创建成功之后,点击配置按钮进去移动版基本信息页面去上传你APP的logo和启动图,如果在测试阶段没有现成的logo和启动图可以选择在线制作文字图标作为logo和选用系统图片作为启动图;

URL打包成APP

logo和启动图上传成功之后,点击左侧导航栏上面的生成安装包,即可进入APP安装包生成界面(新注册的客户第一次生成安装包是需要认证手机号码的),点击下面的生成即可生成你APP的安装包,默认是只生成安卓安装包的,如果你有生成苹果安装包或者是安卓aab安装包的需求,请在生成安装包页面进行选择;

URL打包成APP

当你生成了安卓安装包之后,就可以去扫描上面的二维码去下载安装APP到你的手机进行测试,如果你在APP测试的过程中有什么问题,可以联系我们平台在线客服进行咨询。

如何将H5在线打包成APP

APP的制作对于普通用户来说是一项复杂的工作,但是如果是拥有属于自己的H5网页的客户,选用一门APP打包平台就可以快速的将自己的H5网页打包成为APP;

首先,你需要登录一门APP打包平台注册账号并登录一门APP开发者中心,去开发者中心实现H5在线打包APP

H5在线打包APP

登录一门APP开发者中心之后,点击新建应用-新建应用应用输入你要生成APP的H5链接地址和APP名字创建你自己的APP打包;

H5在线打包APP

移动应用创建成功之后,点击配置按钮进去移动版基本信息页面去上传你APP的logo和启动图,如果在测试阶段没有现成的logo和启动图可以选择在线制作文字图标作为logo和选用系统图片作为启动图;

H5在线打包APP

logo和启动图上传成功之后,点击左侧导航栏上面的生成安装包,即可进入APP安装包生成界面(新注册的客户第一次生成安装包是需要认证手机号码的),点击下面的生成即可生成你APP的安装包,默认是只生成安卓安装包的,如果你有生成苹果安装包或者是安卓aab安装包的需求,请在生成安装包页面进行选择;

H5在线打包APP

当你生成了安卓安装包之后,就可以去扫描上面的二维码去下载安装APP到你的手机进行测试,如果你在APP测试的过程中有什么问题,可以联系我们平台在线客服进行咨询。