声网(agora)音视频通话sdk—微信小程序demo - 新闻资讯 - 云南小程序开发|云南软件开发|云南网站建设-昆明葵宇信息科技有限公司

159-8711-8523

云南网建设/小程序开发/软件开发

知识

不管是网站,软件还是小程序,都要直接或间接能为您产生价值,我们在追求其视觉表现的同时,更侧重于功能的便捷,营销的便利,运营的高效,让网站成为营销工具,让软件能切实提升企业内部管理水平和效率。优秀的程序为后期升级提供便捷的支持!

您当前位置>首页 » 新闻资讯 » 小程序相关 >

声网(agora)音视频通话sdk—微信小程序demo

发表时间:2020-9-28

发布人:葵宇科技

浏览次数:165

  1. 首先需要注册一个声网账号,注册成功后创建项目

  2. appid是指声网项目的appid(后续会在小程序的配置文件中用到)

  3. 微信小程序接入视频通话,需要声网给开通小程序的权限

    给声网邮箱发送邮件,注明开通微信小程序接入权限,并给发送appid(appid是声网注册是创建项目的appid)
    邮箱账号: sales@agora.io
    (2)给声网客服打电话开通,声网电话:400 6326626
    注:给官网邮箱发邮件,没人回复我,后来还是打客服开通的,客服态度很好哦

  4. 我们还需要一个小程序账号,小程序需要开通以下两个权限,不然没办法完成实时音视频功能,在小程序主页的【开发】的【接口设置】中,必须是企业账号才能开通这两个权限,个人账号无法开通在这里插入图片描述

  5. 以上步骤完成之后,就可以跑起来我们的小程序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

  6. 第一步:现在GitHub上面把声网的官方示例代码clone下来https://github.com/AgoraIO/Agora-Miniapp-Tutorial,如果 速度比较慢的话,可以先导入到码云上面再clone

  7. 下载下来代码之后,使用微信开发者工具运行代码,效果是这样的在这里插入图片描述但是控制台会报错,错误如下图:在这里插入图片描述这是因为我们没有把声网的sdk文件引入在这里插入图片描述下载好压缩包之后解压,把文件重命名为mini-app-sdk-production.js,然后放入小程序项目lib目录下在这里插入图片描述

  8. 保存重新运行后,项目会出现这样的提示框在这里插入图片描述我们在小程序的utils文件夹下config文件中,将之前在声网创建的appid复制到这里面来在这里插入图片描述

  9. 再次运行随便输入一个房间号,发现还是会报错
    在这里插入图片描述这个时候我们需要将这些域名配置到小程序的服务器域名中(【开发】->【开发设置】->【服务器域名】),前六个配置到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
    配完之后在开发者工具的右上角点击详情,出现如下页面,点击刷新按钮,重新编译程序在这里插入图片描述

  10. 这次输入房间号(房间号任意字符串都可以)进入通话页面,弹出的对话框选择取消是作为观众加入,观众不需要推流,只可以观看房间内主播的视频,点击确定的话是作为主播加入房间,会调用摄像头。进入通话页面后,可以看到过了一会会报客户端初始化失败。我们在pages/meeting/meeting.js这个文件中找到client.join这个方法在这里插入图片描述发现这个方法的第一个参数是undefined,声网api对这三个参数的说明是这样的在这里插入图片描述仔细想想,平常生活中都是一个房间锁配一把钥匙,所以也是一样,一个频道名应该会有对应的token

  11. 接下来,我们在项目概览中编辑一下项目,在这一页中有一个生成临时token在这里插入图片描述点进去之后在这里插入图片描述这里我输入的房间号是123,点击生成临时token,会出现一大串字符,将这个字符复制到之前client.join()方法的第一个参数中,保存运行

  12. 在输入框中填入刚才在声网项目写的频道名,这次就可以成功了,需要在手机上调试,才会出来效果,可以拿两个手机,测试一下对方是否可以收到视频就可以了

相关案例查看更多