1.欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~
本文由腾讯视频云终端团队发表于云+社区专栏2.腾讯云提供了全套技术文档和源码来帮助您快速构建一个音视频小程序,但是再好的源码和文档也有学习成本,为了尽快的能调试起来,我们还提供了一个免费的一键部署服务:您只需轻点几下鼠标,就可以在自己的账号下获得一个音视频小程序,同时附送一台拥有独立域名的测试服务器,让您可以在5分钟内快速构建出自己的测试环境。
通过微信公众平台授权登录腾讯云3.打开微信公众平台注册并登录小程序,按如下步骤操作:
单击左侧菜单栏中的【设置】。单击右侧Tab栏中的【开发者工具】。单击【腾讯云】,进入腾讯云工具页面,单击【开通】。使用小程序绑定的微信扫码即可将小程序授权给腾讯云,开通之后会自动进去腾讯云微信小程序控制台,显示开发环境已开通,此时可以进行后续操作。注意:4.此时通过小程序开发者工具查看腾讯云状态并不会显示已开通,已开通状态会在第一次部署开发环境之后才会同步到微信开发者工具上。
5.进入微信公众平台后台
6.开通腾讯云
7.腾讯云微信小程序控制台
免费开通腾讯云服务1开通直播服务1.1申请开通视频直播服务8.进入直播管理控制台,如果服务还没有开通,则会有如下提示:
9.点击申请开通,之后会进入腾讯云人工审核阶段,审核通过后即可开通。
1.2配置直播码10.直播服务开通后,进入【直播控制台】【直播码接入】【接入配置】(https://console.cloud.tencent...)完成相关配置,即可开启直播码服务:
11.点击【确定接入】按钮即可。
1.3获取直播服务配置信息12.从直播控制台获取bizid、pushSecretKey,后面配置服务器会用到:
2.开通云通信服务2.1申请开通云通讯服务13.进入云通讯管理控制台,如果还没有服务,直接点击直接开通云通讯按钮即可。新认证的腾讯云账号,云通讯的应用列表是空的,如下图:
14.点击创建应用接入按钮创建一个新的应用接入,即您要接入腾讯云IM通讯服务的App的名字,我们的测试应用名称叫做“RTMPRoom演示”,如下图所示:
15.点击确定按钮,之后就可以在应用列表中看到刚刚添加的项目了,如下图所示:
2.2配置独立模式16.上图的列表中,右侧有一个应用配置按钮,点击这里进入下一步的配置工作,如下图所示。
2.3获取云通讯服务配置信息17.从直播控制台获取SdkAppid、accountType、privateKey、administrator,后面配置服务器会用到:
18.从验证方式中下载公私钥,解压出来将private_key用文本编辑器打开,如:
-----BEGINPRIVATEKEY-----MIGHAgEAsUj5ep7r9TVxTrZiSpXQKhRANCAASuxr7AJGiXRqGpiO7pPrLAchyORcY5uWCqVm+QFTn0H+ZcHP93ss3OhgZKh8pq+g7X26dW5fQkiSH1PXG/FYzbTbMHaWCqVm+QFTn0H+QKhRANCAASuxr7AJGiXRqGpiO7pPr7jTFTmg-----ENDPRIVATEKEY-----19.将其转换成字符串形式如下所示,后面在server配置文件中使用:
"-----BEGINPRIVATEKEY-----r"+"MIGHAgEAsUj5ep7r9TVxTrZiSpXQKhRANCAASuxr7AJGiXRqGpiO7pPrLAchyORcr"+"Y5uWCqVm+QFTn0H+ZcHP93ss3OhgZKh8pq+g7X26dW5fQkiSH1PXG/FYr"+"zbTbMHaWCqVm+QFTn0H+QKhRANCAASuxr7AJGiXRqGpiO7pPr7jTFTmgr"+"-----ENDPRIVATEKEY-----r"三、安装微信小程序开发工具20.下载并安装最新版本的微信开发者工具,使用小程序绑定的微信号扫码登录开发者工具。
21.微信开发者工具
四、下载Demo22.访问SDK+Demo,获取小程序Demo和后台源码。
五、上传和部署代码打开第三步安装的微信开发者工具,点击【小程序项目】按钮。输入小程序AppID,项目目录选择上一步下载下来的代码目录,点击确定创建小程序项目。再次点击【确定】进入开发者工具。注意:23.目录请选择RTMPRoom根目录。包含有project.config.json,请不要只选择wxlite目录!
24.上传代码
25.开发者工具
26.打开Demo代码中
server27.目录下的
config.js28.文件,将其中的
bizid29.、
pushSecretKey30.、
APIKey31.、
sdkAppID32.、
accountType33.、
administrator34.、
privateKey35.配置成上述直播服务及云通信服务里生成的值,并
36.保存
37.。
38.修改MySQL密码
点击界面右上角的【腾讯云】图标,在下拉的菜单栏中选择【上传测试代码】。39.上传按钮
选择【模块上传】并勾选全部选项,然后勾选【部署后自动安装依赖】,点击【确定】开始上传代码。40.选择模块
41.上传成功
上传代码完成之后,点击右上角的【详情】按钮,接着选择【腾讯云状态】即可看到腾讯云自动分配给你的开发环境域名:42.查看开发域名
43.完整复制(包括
https://44.)开发环境request域名,然后在编辑器中打开
wxlite/config.js45.文件,将复制的域名填入
url46.中并保存,保存之后编辑器会自动编译小程序,左边的模拟器窗口即可实时显示出客户端的Demo:
47.修改客户端配置
在模拟器中编译运行点击多人音视频进入,在右侧的console里面可以看到登录成功的log表示配置成功。48.登录测试
常见问题FAQ1.运行小程序进入多人音视频看不到画面?请确认使用手机来运行,微信开发者工具内部的模拟器目前还不支持直接运行请确认小程序基础库版本wx.getSystemInfo可以查询到该信息,1.7.0以上的基础库才支持音视频能力。请确认小程序所属的类目,由于监管要求,并非所有类目的小程序都开发了音视频能力,已支持的类目请参考DOC。如有更多需求,或希望深度合作,可以提工单或客服电话(400-9100-100)联系我们。问答如何搭建小程序音视频?相关阅读教你1天搭建自己的“微视”心随手动,驱动短视频热潮的引擎打通小程序音视频和webRTC【每日课程推荐】机器学习实战!快速入门在线广告业务及CTR相应知识49.此文已由作者授权腾讯云+社区发布,更多原文请点击
50.搜索关注公众号「云加社区」,第一时间获取技术干货,关注后回复1024送你一份技术课程大礼包!
51.海量技术实践经验,尽在云加社区!
手把手教你构建一个音视频小程序-小程序音视频调试-小程序音视频
浏览量:1650
时间:
来源:weixin_33709364
版权声明
即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。
最新资讯
-

即速应用,赋能企业玩转微信小程序智慧经营
作为国内领军的智慧商业经营服务商,即速应用始终秉承“让每个企业都拥有自己的智慧店铺”的愿景,持续赋能更多企业玩转智慧经营。即速应用旗下拥有“小程序搭建工具-即速应用”、“私域流量专家-即客云”等产品,帮助商家打通互联网全生态营销闭环。 -

即客云2.0重磅更新,让微信小程序运营更简单!
即客云作为一款基于企业微信的第三方工具,现从多维度提供超过30种功能,自上线以来,已服务多家企业,受到一致好评。近期,我们根据客户反馈和市场调研正式推出升级版 即客云2.0!更新了私域运营SOP,群日历功能,批量拓客,客户雷达,消息推送,个人欢迎语,帮助企业更好运用企业微信;同时提升了社群运营工作标准化,提升运营效率,帮助企业实现客户增长,玩转私域流量。 -

零代码 + AI 双轮驱动|即速应用解锁人工智能小程序开发新范式
无需代码、无需 AI 算法功底,普通人也能快速搭建智能小程序。即速应用将人工智能与零代码开发深度融合,推出 AI 智能生成能力,用户通过自然语言描述需求,AI 自动生成小程序页面、功能模块与后台配置,覆盖商城、预约、同城、社区团购等全场景。平台内置 AI 智能推荐、智能客服、用户画像分析等能力,一键对接微信生态,打通视频号、企业微信、短信跳转,帮企业快速落地 AI 应用,抢占智慧经营先机,让每家企业都拥有 AI 驱动的智慧店铺。










