Vue 集成声网SDK,实现视频通话。

文章展示了如何在Vue项目中集成声网AgoraRTCSDKNG,包括通过npm安装SDK,引入到main.js文件,以及在Vue组件中创建客户端、连接、发布和订阅音视频流的过程,用于实现基本的视频通话功能。
摘要由CSDN通过智能技术生成

vue集成声网流程示例:

声网详细文档请参考:声网官方文档(该文章仅简单应用,具体使用请参考文档)

1.使用 npm 获取 SDK

npm install agora-rtc-sdk-ng --save

2.在Vue项目中的mian.js文件中引入

import AgoraRTC from "agora-rtc-sdk-ng"
const client = AgoraRTC.createClient({ mode: "rtc", codec: "vp8" });

 3.在页面中使用声网,js代码示例:(注意:appid以及token!!!)

<script>
  import AgoraRTC from "agora-rtc-sdk-ng"'

  export default {
    name: "AgoraRTC-view",
    components: {},
    data() {
      return {
        appid: '', // appId
        token: '', // 根据房间号生成的token(房间号和token对应)
 
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值