如何用VUE WebRTC技术实现音视频直播的个性化长尾需求？

本文共计3558个文字，预计阅读时间需要15分钟。

1+功能简介+本文将介绍如何快速使用Vue实现一个简单的实时音视频通话。相关概念解释：ZEGO+Express+SDK：由ZEGO提供的实时音视频SDK，能方便开发者快捷接入、高清晰流畅、多平台互通。

1 功能简介

本文将介绍如何快速使用 Vue 实现一个简单的实时音视频通话。

相关概念解释:

• ZEGO Express SDK：由 ZEGO 提供的实时音视频 SDK，能够为开发者提供便捷接入、高清流畅、多平台互通、低延迟、高并发的音视频服务。
• 推流：把采集阶段封包好的音视频数据流传输到 ZEGO 实时音视频云的过程。
• 拉流：从 ZEGO 实时音视频云将已有音视频数据流进行拉取的过程。

2 前提条件

在实现基本的实时音视频功能之前，请确保：

• 已在项目中集成 ZEGO Express SDK，详情请参考 快速开始 - 集成。
• 已在 ZEGO 控制台 创建项目，申请有效的 AppID 和 AppSign，详情请参考 控制台 - 项目管理。

3 示例源码下载

请参考 下载示例源码 获取源码。

相关源码请查看 “/express-demo-web/src/Examples/Framework/Vue” 目录下的文件。

4 使用步骤

当前项目使用的 Node 版本为 14.17.3，Vue 版本为 2.4.2。