Web项目引入Agora SDK实现视频通话功能

article/2025/10/13 5:55:38

零、前言

       简介:声网Agora。一个专注移动端的高清实时通话云服务解决方案。

     (1)声网Agora成立于2013年,是实时音视频云行业开创者和全球领先的专业PaaS服务商。开发者只需简单调用Agora API,30分钟即可在应用内构建多种实时音视频互动场景。

     (2)声网的服务覆盖社交直播、在线教育、企业协作、IoT、医疗、游戏、保险等10余行业,共计100多种场景。实时互动技术服务覆盖全球200多个国家和地区,并在当地提供技术和运营支持。使用声网服务的企业包括小米、陌陌、抖音、新东方、VIPKID、好未来等公司。疫情期间,声网日均通话分钟数较日常增长近一倍,达15.6亿分钟(按流计时为62.4亿分钟)。-----摘抄自百度百科。

     (3)浏览器的安全策略对除 127.0.0.1 以外的 HTTP 地址作了限制,Agora Web sdk 仅支持 HTTPS 协议以及 http://localhost,请勿使用 HTTP 协议部署你的项目。

一、官网地址以及github地址

      官网:https://www.agora.io/cn/

      github-demo:https://github.com/AgoraIO/Basic-Video-Call

二、支持

      Android、ios、mac、window、web均提供相关sdk。

三、demo

      以web端为例,vue项目进行介绍。

    (1)download官网vue相关demo;

      项目结构如下图:

执行命令:

//下载依赖
npm install

    (2)官网进行注册,实名认证,并创建一个项目;

    (3)根据appid与项目名称、创建频道、生成一个临时toke;

点击项目管理,进入到项目详情页

 点击2进入页面生成token:

     (4)填写参数点击加入频道

执行 npm run serve 运行起来,最终页面如下:

我们填入相关参数,并打开两个页面模拟两个用户进行视频通话。

 

再加入一个用户的效果:

 好了,基本介绍到这里,快去搭建你的视频或者语音通话应用吧。

四、总结

       简单介绍了利用声网sdk搭建音视频通话应用的简单流程,由于声网是收费的,有时常限制,所以个人用户可以简单玩,企业可以购买使用。

五、demo地址

github:链接: https://pan.baidu.com/s/1TlyG0HqHzNJ73yj6bRaxKA 提取码: vquw


http://chatgpt.dhexx.cn/article/Lxfo923Z.shtml

相关文章

Android之 集成音视频通话

一,背景 1.1 最近接收一个即时通讯二开项目,即时通讯部分用的XMPP协议,音视频则是集成的国外的开源免费库jitsi-meet-sdk-2.4.0-4.aar,是基于WebRTC的开源框架。但客户想要微信那种页面的排版,后来经研究jitsi是不能修…

Unity实战篇 | 接入 声网SDK 实现 视频通话——自己动手做一个 视频通话

目录 🐱‍🏍前言🎂Unity 接入 声网SDK 实现 音视频通话第1️⃣步,创建声网应用第2️⃣步,获取相应的SDK第3️⃣步,将SDK接入Unity中第4️⃣步:搭建一个测试场景,编写测试代码第5️⃣步:视频通话API第6️⃣步:视频通话 效果测试🎂案例下载链接🎨总结🐱‍🏍

Android技术分享| 视频通话开发流程(二)

多人呼叫 多人呼叫与点对点呼叫区别在于多人呼叫是一次呼叫1个以上的人,中途也可以再呼叫邀请别人加入通话。 整个呼叫的流程跟点对点呼叫类似,但也有些区别,需要添加额外的 API 逻辑来实现功能。下面我们分主叫被叫两种角色来分析。 主叫 …

Web音视频通话解决方案 —— Agora Web SDK NG 版接入教程

引言 随着社会的发展,人们对实时音视频的需求越来越多。在线会议,电商直播,在线教育等相关产品不断涌现。但是对于个人开发者或者小团队来说,自己实现一个实时音视频服务并且要保障服务稳定,满足低延时等要求&#xf…

基于声网 SDK 实现 iOS 端的一对一视频通话

在很多产品,加入实时视频通话已经不是新鲜事情了,尤其是近几年的疫情影响,个人公司国家对于实时音视频的需求一直在快速的增长。例如视频会议、社交应用、实时游戏,甚至也可能出现在一些元宇宙的场景中。 本文将教你如何通过声网…

web端视频通话sdk集成和功能实现流程(实时视频系列五)

本文介绍的是在wed端如何集成即构音视频SDK,以实现在wed端一对一,一对多及多人实时视频通话的功能。 一、SDK集成指引 1、安装 请从 jZego-RTC-SDK 下载 SDK。 npm下载包支持typescript语言(推荐): npm i webrtc-zego 2、集成SDK 可使用s…

《保姆级教程》基于Agora SDK实现音视频通话及屏幕共享

😄作者简介: 小曾同学.com,一个致力于测试开发的博主⛽️,主要职责:测试开发、CI/CD 如果文章知识点有错误的地方,还请大家指正,让我们一起学习,一起进步。😊 座右铭:不想…

保姆级教程!基于声网 Web SDK实现音视频通话及屏幕共享

前言 大家好,我是 小曾同学,小伙伴们也可以叫我小曾~ 如果你想实现一对一音视频通话和屏幕共享功能,不妨来看看这篇文章,保姆级教程,不需要从零实现,直接集成声网 SDK 即可轻松上手。 本文也…

Android设备实现语音视频通话

一、背景 有智慧社区相关的项目,需要门禁开发门禁机APP以及用户端APP,要求实现门禁设备呼叫业主APP,业主接通后可以通话、可以开门。这里主要要做的就是语音和视频通话功能,以及远程开门。至于业务逻辑那就是正常的需求处理了。 …

基于 Web SDK 实现视频通话场景 | 声网 SDK 教程

声网视频 SDK 被广泛应用于多种实时互动场景中,例如视频会议、视频通话、音视频社交、在线教育等。为了让刚刚接触声网 SDK 的开发者,可以更顺畅地实现基础的视频通话功能,我们基于声网 Web SDK 4.x 版本梳理了本篇教程。 在本文末&#xff0…

如何基于 Agora Android SDK 在应用中实现视频通话?

在很多产品,实时视频通话已经不是新鲜的功能了,例如视频会议、社交应用、在线教育,甚至也可能出现在一些元宇宙的场景中。 本文将教你如何通过声网Agora 视频 SDK 在 Android 端实现一个视频通话应用。声网 SDK 每个月会提供 10000 分钟的免…

Android uni-app实现音视频通话

前言 上一篇讲解了怎么实现Android uni-app封装原生插件,这篇讲解一下,把anyRTC的RTC(音视频通讯)封装uni-app 实现音视频通话。 不了解anyRTC的小伙伴,可以点击下面链接: 开发者官网 1.效果图 先上图&a…

使用 Agora SDK 开发 React Native 视频通话 App

在 React Native 的应用中,从头开始添加视频通话功能是很复杂的。要保证低延迟、负载平衡,还要注意管理用户事件状态,非常繁琐。除此之外,还必须保证跨平台的兼容性。 当然有个简单的方法可以做到这一点。在本次的教程中&#xf…

MySQL联合索引底层数据结构是怎样的

目录 1. 联合索引数据结构图 2.联合索引是如何进行排序的 3. 联合索引查询特点 1. 联合索引数据结构图 如下图所示联合索引的数据结构, 通过name,age,position三个字典进行一个联合索引,构建B树索引结构。 2.联合索引是如何进行排序的 B树…

MySQL联合索引在B+树如何存储以及寻址

文章目录 引入Innodb B树联合索引存储以及寻址总结 引入 最近找工作, 去一家三方支付公司面试,前面得过程还挺好,所有的提都回答对了(心里暗自窃喜应该能拿到高工资offer,迎娶白富美,然后走向人生巅峰&…

MySQL联合索引生效规则

最近项目中一张表数量测试达到千万级别,考虑加索引,对于单列索引及联合索引(复合索引)简单学习了下,做一下笔记。 联合索引生效前提:因为联合索引有顺序讲究,联合索引的第一个字段是引导列&…

mysql联合索引的数据结构

一、本文主要讲解的内容有: 联合索引在B树上的存储结构联合索引的查找方式为什么会有最左前缀匹配原则 在分享这篇文章之前,我在网上查了关于MySQL联合索引在B树上的存储结构这个问题,翻阅了很多博客和技术文章,其中有几篇讲述的…

mysql联合索引有效和失效的情况分析

关于mysql的索引,是mysql优化一个非常重要的方面。那么关于索引是否有效就是非常关键了。很多人设计了索引,但是发现依旧很慢。那么这个时候就判断sql的索引执行情况非常重要了。网上有大量的博主也写过不少类似的文章,但是关于联合索引的具体…

MySQL联合索引(abc)命中规则

1.建表 mysql创建一张表,表名:‘test_models’ id列为 主键,int类型 ,自增a,b,c,d,e 全部是int(11)为(a,b,c)添加一个联合索引 index_abc 执行语句: CREATE TABLE te…

mysql联合索引

mysql联合索引的使用 命名规则:表名_字段名 1、需要加索引的字段,要在where条件中 2、数据量少的字段不需要加索引 3、如果where条件中是OR关系,加索引不起作用 4、符合最左原则 以下是我的建表语句 CREATE TABLE test ( id int(11) uns…