声网(agora)音视频通话sdk—微信小程序demo
发表时间:2020-9-28
发布人:葵宇科技
浏览次数:221
-
首先需要注册一个声网账号,注册成功后创建项目
-
appid是指声网项目的appid(后续会在小程序的配置文件中用到)
-
微信小程序接入视频通话,需要声网给开通小程序的权限
给声网邮箱发送邮件,注明开通微信小程序接入权限,并给发送appid(appid是声网注册是创建项目的appid)
邮箱账号: sales@agora.io
(2)给声网客服打电话开通,声网电话:400 6326626
注:给官网邮箱发邮件,没人回复我,后来还是打客服开通的,客服态度很好哦 -
我们还需要一个小程序账号,小程序需要开通以下两个权限,不然没办法完成实时音视频功能,在小程序主页的【开发】的【接口设置】中,必须是企业账号才能开通这两个权限,个人账号无法开通
-
以上步骤完成之后,就可以跑起来我们的小程序demo了,声网小程序链接地址如下https://docs.agora.io/cn/Video/start_call_wechat?platform=%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F
-
第一步:现在GitHub上面把声网的官方示例代码clone下来https://github.com/AgoraIO/Agora-Miniapp-Tutorial,如果 速度比较慢的话,可以先导入到码云上面再clone
-
下载下来代码之后,使用微信开发者工具运行代码,效果是这样的但是控制台会报错,错误如下图:这是因为我们没有把声网的sdk文件引入下载好压缩包之后解压,把文件重命名为mini-app-sdk-production.js,然后放入小程序项目lib目录下
-
保存重新运行后,项目会出现这样的提示框我们在小程序的utils文件夹下config文件中,将之前在声网创建的appid复制到这里面来
-
再次运行随便输入一个房间号,发现还是会报错
这个时候我们需要将这些域名配置到小程序的服务器域名中(【开发】->【开发设置】->【服务器域名】),前六个配置到request合法域名中,最后一个配置到socket合法域名中。
https://miniapp.agoraio.cn
https://miniapp-1.agoraio.cn
https://miniapp-2.agoraio.cn
https://miniapp-3.agoraio.cn
https://miniapp-4.agoraio.cn
https://uni-webcollector.agora.io
wss://miniapp.agoraio.cn
配完之后在开发者工具的右上角点击详情,出现如下页面,点击刷新按钮,重新编译程序 -
这次输入房间号(房间号任意字符串都可以)进入通话页面,弹出的对话框选择取消是作为观众加入,观众不需要推流,只可以观看房间内主播的视频,点击确定的话是作为主播加入房间,会调用摄像头。进入通话页面后,可以看到过了一会会报客户端初始化失败。我们在pages/meeting/meeting.js这个文件中找到client.join这个方法发现这个方法的第一个参数是undefined,声网api对这三个参数的说明是这样的仔细想想,平常生活中都是一个房间锁配一把钥匙,所以也是一样,一个频道名应该会有对应的token
-
接下来,我们在项目概览中编辑一下项目,在这一页中有一个生成临时token点进去之后这里我输入的房间号是123,点击生成临时token,会出现一大串字符,将这个字符复制到之前client.join()方法的第一个参数中,保存运行
-
在输入框中填入刚才在声网项目写的频道名,这次就可以成功了,需要在手机上调试,才会出来效果,可以拿两个手机,测试一下对方是否可以收到视频就可以了