音视频通话 2.0
Web
新手接入指南
产品简介
产品介绍
功能特性
产品优势
应用场景
基本概念
使用限制
产品计费
按量计费
资源包
体验 Demo
更新日志
下载 SDK 和示例代码
快速开始
快速跑通 Sample Code
接入流程
创建应用
开通服务
集成 SDK
实现音视频通话
Token 鉴权
高级 Token 鉴权
基础功能
设置音频属性
设置视频属性
设置通话音量
屏幕共享
音频共享
监测发言者音量
通话中质量监测
进阶功能
音频管理
客户端音视频录制
自定义音频采集与渲染
音效与伴音
视频管理
视频截图
基础美颜
水印
自定义视频采集
设备管理
音视频设备检测
音频设备管理
媒体流加密
云端录制
使用云代理
媒体插件
虚拟背景
高级美颜
AI 降噪
最佳实践
音视频参数配置推荐
浏览器自动播放受限处理
通话前网络质量探测和设备检测
实现在线教育
API 参考
Web API 参考
服务端 API
错误码
控制台指南
常见问题处理
FAQ
错题集
音频常见问题排查
视频常见问题排查
服务协议

快速跑通 Sample Code

更新时间: 2023/03/15 17:38:44

您可以通过跑通 Sample Code,体验网易云信音视频通话功能,包括一对一音视频通话和多人音视频通话。

开发环境

请确认您的开发环境满足以下要求:

  • 安全环境:https 环境或者本地连接 localhost/127.0.0.1 环境。
  • 浏览器:Chrome 72 及以上版本、Safari 12 及以上版本。更多浏览器兼容性相关请参考 NERTC Web SDK 支持哪些浏览器

网易云信 Web SDK 仅支持 HTTPS 协议或 localhost(http://127.0.0.1)。请勿使用 HTTP 协议在 localhost 之外访问项目,否则 Web 浏览器控制台会报错 NOT_SUPPORT 41001

前提条件

请确认您已完成以下操作:

操作步骤

在运行示例项目之前,请在云信控制台中为指定应用开通调试模式。调试模式建议只在集成开发阶段使用,请在应用正式上线前改回安全模式。

  1. 一对一通话示例代码多人通话示例代码下载页面下载需要体验的示例项目或 Demo 源码工程。

  2. config/index.js 文件中配置 App Key。

    export default {
        appkey: '', // 请输入自己的appkey
        appSecret: '' // 请输入自己的appSecret
    }
    
  3. 运行项目。

    该工程使用 vue(vue-cli 4.x) 技术栈,请使用 node 开发环境 version 16+

    若您仍需要使用 vue 5.x 版本,请联系技术支持。

    // Project setup
    npm install
    
    // Compiles and hot-reloads for development
    npm run dev
    
    // Compiles and minifies for production
    npm run build
    
    // Lints and fixes files**
    npm run lint
    
  4. 运行后访问 https://localhost:8020/index.html#/?path=multiple 地址体验 Web 端的音视频通话。

为了帮您快速了解体验产品的基本音视频通话能力,网易云信还为您提供 NERTC SDK 的 Web 端体验页面,包括一对一通话和多人通话,同时提供音视频质量采集、通话统计、旁路推流、伴音、屏幕共享等多种进阶功能。

此文档是否对你有帮助?
有帮助
我要吐槽
  • 开发环境
  • 前提条件
  • 操作步骤