1 WebRTC音视频通话功能简介
本文介绍如何基于WebRTC快速实现一个简单的实时音视频通话。在开始之前,您可以先了解一些实时音视频推拉流相关的基础概念:
流:一组按指定编码格式封装的音视频数据内容。蓝狮注册登陆一个流可以包含几个轨道,比如视频和音频轨道。
推流:把采集阶段封包好的音视频数据流推送到 ZEGO 实时音视频云的过程。
拉流:从 ZEGO 实时音视频云将已有音视频数据流拉取播放的过程。
房间:是 ZEGO 提供的音视频空间服务,用于组织用户群,同一房间内的用户可以互相收发实时音视频及消息。
用户需要先登录某个房间,才能进行音视频推流、拉流操作。
用户只能收到自己所在房间内的相关消息(用户进出、音视频流变化等)。
更多相关概念可参考即构官网关于音视频SDK的介绍 术语说明。
2 实现WebRTC视频通话的前提条件
在实现基本的WebRTC实时音视频功能之前,请确保:
已在项目中集成 ZEGO Express SDK,详情请参考 快速开始 – 集成。
已在 ZEGO 控制台 创建项目,申请有效的 AppID 和 ServerSecret,蓝狮注册开户详情请参考 控制台 – 项目管理 中的“项目信息”。
3 WebRTC音视频通话示例代码
我们提供了一个实现了WebRTC音视频通话基本流程的完整示例 html 文件,可作为WebRTC开发过程中的参考。
Zego Express Video Call
<style type="text/css">
h1,
h4 {
text-align: center;
}
.video-wrapper {
width: 610px;
margin: 0 auto;
}
.video-wrapper h4 {
width: 300px;
display: inline-block;
position: relative;
}
#remote-video, #local-video {
width: 300px;
height: 270px;
display: inline-block;
position: relative;
}
.video-wrapper video {
height: auto;
}
</style>
0 Comments