声网约稿记录-音视频通话web-sdk集成

前言:

因为之前使用webrtc实现了音视频通话,声网看到我相关的文章,找到我约了下稿,集成声网的sdk,所以记录下集成过程。

因为使用webrtc集成过,所以也知道直接使用webrtc集成,费时费力,如果没相关音视频开发技术经验,很难做到相对完善成熟的程度,什么回声消除、噪声抑制,这些都需要花时间去优化。

所以找第三方的音视频api就是相对简单,也是效果比较好的一种方式,声网是音视频解决方案研发商做得比较好的一家,也是基于webrtc

Agora SDK
面向客户,轻松适配。
Agora SDK 意在灵活将 SDK 适配在更多新的需要实时传输应用场景如:IoT、教育、社交、金融、网络加速等。

跨多平台, 支持 iOS,Android,Windows,web,小程序和 Mac 等各平台。原生 SDK 包含了所有常用的音频和视频解码器,

以及连接到 Agora 全球网络,并应对掉线和不稳定网络条件的算法。这是常用的高阶 API。

运用场景
语音通话(一对一、多对多)
视频通话(一对一、多对多)
互动直播(语音、视频直播连麦互动)
互动游戏(游戏内置实时语音、视频通话)
录制(服务端录制)
信令(呼叫、消息传递、状态同步等)

声网是一家在美国上市的公司,公司专注音视频解决方案的研发,所以技术的沉淀,sdk相对都很成熟

https://www.agora.io/  

 

 

 

 

一,了解声网web-sdk

声网web实时音视频其实是基于webrtc实现的

所以业务场景使用的浏览器必须支持webrtc

现在主流浏览器也都支持webrtc,

 

 二,开始集成web-sdk文档地址

(1)安装并引入sdk

 

 

(2)定义一些必要的变量参数

 

 

 

(3)初始化rtc客户端

  • mode 用于设置频道场景。一对一或多人通话中,建议设为 "rtc" ,使用通信场景;互动直播中,建议设为 "live",使用直播场景。
  • codec 用于设置浏览器使用的编解码格式。如果你需要使用 Safari 12.1 及之前版本,将该参数设为 "h264"

 

 

 

(4)加入频道(一对一或者多对多,都有一个房间(频道)的概念)

 

 

 

 

 

 

 订阅其它用户的流,最好在进入房间后,我们就开始监听订阅

 

 

 

监听其它用户退出频道

 

 

通过上面简单的几个步骤,一个视频会议demo已经完成了,我们来看看效果

打开两个浏览器,先后进入同一个频道

以上demo源码 https://gitee.com/suruozhong/agora-rtc-web

posted @ 2020-09-18 12:27  suruozhong  阅读(838)  评论(0编辑  收藏  举报