欢迎来到258分享网,纯净的网络源码分享基地!

258资源分享网

全部作品
全部作品
网站源码
微信源码
素材特效
源码插件
视频教程
建站学院
热门搜索: 织梦  农业种植  农业  安全设置  官方
258资源分享 > 建站学院 > 微信开发 > 动手搭建第一个小程序音视频Demo

推荐下载

HTML5响应式自适应网咯设计

2020-05-12   浏览:791

HTML5自适应律师工作室类网

2020-04-04   浏览:655

高端HTML5响应式企业通用网

2020-05-06   浏览:560

html5响应式外贸网站英文版

2020-05-08   浏览:548

HTML5影视传媒文化公司类网

2020-05-12   浏览:545

动手搭建第一个小程序音视频Demo

发布时间:2020-11-02   114

腾讯云提供了全套技术文档和源码来帮助您快速构建一个音视频小程序,但是再好的源码和文档也有学习成本,为了尽快的能调试起来,我们还提供了一个免费的一键部署服务:您只需轻点几下鼠标,就可以在自己的账号下获得一个音视频小程序,同时附送一台拥有独立域名的测试服务器,让您可以在 5 分钟内快速构建出自己的测试环境。

通过微信公众平台授权登录腾讯云

打开 微信公众平台 注册并登录小程序,按如下步骤操作:

单击左侧菜单栏中的【设置】。

单击右侧 Tab 栏中的【开发者工具】。

单击【腾讯云】,进入腾讯云工具页面,单击【开通】。

使用小程序绑定的微信扫码即可将小程序授权给腾讯云,开通之后会自动进去腾讯云微信小程序控制台,显示开发环境已开通,此时可以进行后续操作。

注意:

此时通过小程序开发者工具查看腾讯云状态并不会显示已开通,已开通状态会在第一次部署开发环境之后才会同步到微信开发者工具上。

动手搭建第一个小程序音视频Demo

进入微信公众平台后台

动手搭建第一个小程序音视频Demo

开通腾讯云

动手搭建第一个小程序音视频Demo

腾讯云微信小程序控制台 免费开通腾讯云服务 1 开通直播服务 1.1 申请开通视频直播服务

进入 直播管理控制台,如果服务还没有开通,则会有如下提示:

动手搭建第一个小程序音视频Demo

点击申请开通,之后会进入腾讯云人工审核阶段,审核通过后即可开通。

1.2 配置直播码

直播服务开通后,进入【直播控制台】>【直播码接入】>【接入配置】(https://console.cloud.tencent.com/live/livecodemanage) 完成相关配置,即可开启直播码服务:

动手搭建第一个小程序音视频Demo

点击【确定接入】按钮即可。

1.3 获取直播服务配置信息

从直播控制台获取bizid、pushSecretKey,后面配置服务器会用到:

动手搭建第一个小程序音视频Demo

2. 开通云通信服务 2.1 申请开通云通讯服务

进入云通讯管理控制台,如果还没有服务,直接点击直接开通云通讯按钮即可。新认证的腾讯云账号,云通讯的应用列表是空的,如下图:

动手搭建第一个小程序音视频Demo

点击创建应用接入按钮创建一个新的应用接入,即您要接入腾讯云IM通讯服务的App的名字,我们的测试应用名称叫做“RTMPRoom演示”,如下图所示:

动手搭建第一个小程序音视频Demo

点击确定按钮,之后就可以在应用列表中看到刚刚添加的项目了,如下图所示:

动手搭建第一个小程序音视频Demo

2.2 配置独立模式

上图的列表中,右侧有一个应用配置按钮,点击这里进入下一步的配置工作,如下图所示。

动手搭建第一个小程序音视频Demo

2.3 获取云通讯服务配置信息

从直播控制台获取SdkAppid、accountType、privateKey、administrator,后面配置服务器会用到:

动手搭建第一个小程序音视频Demo

从验证方式中下载公私钥,解压出来将private_key用文本编辑器打开,如:

-----BEGIN PRIVATE KEY----- MIGHAgEAsUj5ep7r9TVxTrZiSpXQKhRANCAASuxr7AJGiXRqGpiO7pPrLAchyORc Y5uWCqVm+QFTn0H+ZcHP93ss3OhgZKh8pq+g7X26dW5fQkiSH1PXG/FY zbTbMHaWCqVm+QFTn0H+QKhRANCAASuxr7AJGiXRqGpiO7pPr7jTFTmg -----END PRIVATE KEY-----

将其转换成字符串形式如下所示,后面在server配置文件中使用:

"-----BEGIN PRIVATE KEY-----\r\n"+ "MIGHAgEAsUj5ep7r9TVxTrZiSpXQKhRANCAASuxr7AJGiXRqGpiO7pPrLAchyORc\r\n"+ "Y5uWCqVm+QFTn0H+ZcHP93ss3OhgZKh8pq+g7X26dW5fQkiSH1PXG/FY\r\n"+ "zbTbMHaWCqVm+QFTn0H+QKhRANCAASuxr7AJGiXRqGpiO7pPr7jTFTmg\r\n"+ "-----END PRIVATE KEY-----\r\n" 三、安装微信小程序开发工具

下载并安装最新版本的微信开发者工具,使用小程序绑定的微信号扫码登录开发者工具。

动手搭建第一个小程序音视频Demo

微信开发者工具 四、下载 Demo

访问 SDK+Demo,获取小程序 Demo 和后台源码。

五、上传和部署代码

打开第三步安装的微信开发者工具,点击【小程序项目】按钮。

输入小程序 AppID,项目目录选择上一步下载下来的代码目录,点击确定创建小程序项目。

再次点击【确定】进入开发者工具。

注意:

目录请选择 RTMPRoom 根目录。包含有 project.config.json,请不要只选择 wxlite 目录!

动手搭建第一个小程序音视频Demo

上传代码

动手搭建第一个小程序音视频Demo

开发者工具