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

2023-11-10

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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

声网(agora)音视频通话sdk—微信小程序demo 的相关文章

  • Markdown快速入门教程

    Markdown 的目标是实现 易读易写 并强调它的 可读性 因此Markdown 的语法全由标点符号所组成 并经过严谨慎选 是为了让它们看起来就像所要表达的意思 以下是Markdown 大部分的语法 常用语法 文字样式 文字字体 类别 语
  • float,flex和grid布局

    页面布局往往会影响着整体的结构与项目的样式 通常我们用的布局方式有三种 float flex grid 1 float或position布局 1 1概念 首先对于一个页面来说 有浮动流 文档流 文本流这几种模式 而float布局则是脱离文档

随机推荐

  • MySQL的架构体系

    在对MySQL深入的学习之前 我们首先要了解MySQL的一个完整的架构 首先了解到MySQL是一个开源的数据库管理系统 它相对于Oracle更加地轻量 成本低 随着功能的日益完善 它也变得备受企业的喜爱 尤其是中小企业 有图可知 MySQL
  • 京东云高可用业务架构建设

    本文以 2022 年一个实际项目为基础 来演示在京东云上构建高可用业务的整个过程 公有云及私有云客户可通过使用京东云的弹性 IAAS PAAS 服务 创建高可用 高弹性 高可扩展 高安全的云上业务环境 提升业务 SLA 提升运维自动化水平
  • 某大型项目 三巡工作(服务器巡检脚本)

    bin bash 参数定义 date date Y m d H M S centosVersion awk print NF 1 etc redhat release VERSION date F 日志相关 LOGPATH tmp awr
  • 2022 年企业 Java 面试前复习的正确姿势(已助力 512 人入职大厂)

    前言 这份面试清单是今年 1 月份之后开始收集的 一方面是给公司招聘用 另一方面是想用它来挖掘在 Java 技术栈中 还有一些知识点是我还在探索的 我想找到这些技术盲点 然后修复它 以此来提高自己的技术水平 说实话刚开始的时候整理这些面试题
  • Docker第二篇-Linux和Windows下安装Docker

    文章目录 Docker版本说明 CentOS安装Docker 前提条件 安装 镜像加速 删除Docker CE Windows安装Docker 前提条件 安装 镜像加速 Docker版本说明 Docker 分为 CE 和 EE 两大版本 C
  • 树莓派烧录

    准备工作 树莓派 一张SD卡 SD尽可能的大 不然安装完系统 就没什么空间了 建议64G 软件准备 1 洗卡软件 SDcard Formatter 2 烧录软件 win32diskimager 3 镜像文件 可以从树莓派官网进行下载Rasp
  • MySQL数据行溢出的深入理解

    一 从常见的报错说起 故事的开头我们先来看一个常见的sql报错信息 相信对于这类报错大家一定遇到过很多次了 特别对于OMG这种已内容生产为主要工作核心的BG 在内容线的存储中 数据大一定是个绕不开的话题 这里的数据 大 远不止存储空间占用多
  • jenkins搭建自动化部署(Windows)

    官网 https jenkins io 选择相应版本下载 安装后找到安装目录下jenkins war 可以放在tomcat下运行 也可直接运行命令 java jar jenkins war 启动 关闭命令 net start jenkins
  • mysql 5.6压缩安装_mysql5.6zip格式安装过程

    第一步 到官网下载mysql 5 6 44 winx64的压缩包文件格式 第二步 在我的电脑 gt 属性 gt 高级 gt 环境变量 path变量中添加mysql bin文件夹的路径 第三步 配置完环境变量之后先别忙着启动mysql 我们还
  • 08-分布式

    1 分布式中 接口的幂等性的设计 在高并发场景的架构里 幂等性是必须得保证的 比如说提交作业 查询和删除不在 幂等讨论范围 1 建唯一索引id 每次操作 都根据操作和内容生成唯一的id 在执行之前先判断id是否存在 如果不存在 则 执行后续
  • rem的使用方式

    rem是什么 rem是指相对于根元素的字体大小的单位 在日常开发过程中我们通常把根元素 html body 的字体设置为10px 方便于我们计算 此时子元素的1rem就相当于10px rem与em的区别 各自的优缺点 em子元素字体大小的e
  • CVPR 2019 论文大盘点—人体姿态篇

    CV君盘点了CVPR 2019 中有关人体姿态的论文 其中研究 3D人体姿态估计的论文最多 有 11 篇 研究 2D 姿态估计的 7 篇 姿态迁移 2 篇 人体图像生成 1 篇 人体捕捉 2 篇 另外还有2篇创建了新的基准数据集 姿态估计是
  • python云图

    安装相关插件 python3 m pip install jieba wordcloud matplotlib import matplotlib pyplot as plt import jieba from wordcloud impo
  • 【Spring Boot】【前后端分离】后端接口返回结果统一封装

    文章目录 创建 SpringBoot 项目 封装返回结果 实现返回对象的自动封装 处理异常 测试 最近在尝试使用前后端分离的模式写一个简单的个人博客 遇到接口数据返回结构的问题 在网上查了一圈 发现了一个很好用的方法 在复现的过程中也遇到了
  • 算法设计与分析课后总结

    算法设计与分析课后总结 算法设计与分析 第1章 算法设计基础 课后习题 第二章算法分析基础 课后习题 1 考虑下面算法 回答下列问题 算法完成什么功能 算法的基本语句时什么 基本语句执行了多少次 2 分析以下程序段中基本语句的执行次数 要求
  • 100天精通Python(可视化篇)——第92天:Pyecharts绘制炫酷柱状图、条形图实战大全

    文章目录 专栏导读 1 基础柱状图 2 旋转x轴标签 3 旋转坐标轴 4 添加坐标轴名称 5 添加标记点 6 添加标注线 7 添加数据 8 添加自定义背景图 9 堆叠柱状图 10 柱状图与折线图组合 11 三维柱状图 12 水平滑动 鼠标滚
  • 包、模块、函数的关系结构

    三者关系 python中程序的结构是由包 模块 函数 类大致构成 其关系如下 package module function 模块定义与调用 1 python中一个 py文件都可以是一个module module可以有函数 类 代码组成 如
  • 使用python解决中英混合参考文献中et al 和等的问题

    这个代码使用zipfile将docx进行解压 然后操作document xml文件 找到中文中的et al之后替换为 等 然后再压缩为docx import zipfile import re import os import shutil
  • curl服务器文件,curl 向远程服务器传输file文件

    public function upload 获取上传文件信息 文件名称以自己实际上传文件名称为准 fileinfo FILE filename 请求参数 依据商户自己的参数为准 requestParam version requestPa
  • 声网(agora)音视频通话sdk—微信小程序demo

    首先需要注册一个声网账号 注册成功后创建项目 appid是指声网项目的appid 后续会在小程序的配置文件中用到 微信小程序接入视频通话 需要声网给开通小程序的权限 给声网邮箱发送邮件 注明开通微信小程序接入权限 并给发送appid app