vue引入腾讯云音视频(适用于web和app之间通信)

vue引入腾讯云音视频(适用于web和app之间通信)

vue引入腾讯云音视频(适用于web和app之间通信)

首先在项目中使用 npm 安装 SDK 包。

npm install trtc-js-sdk --save

在项目脚本里引入模块。

import TRTC from “trtc-js-sdk”;
import { LibGenerateTestUserSig } from “@/assets/js/lib-generate-test-usersig.min.js”;
import Bus from “@/bus/bus”;//调用此音视频组件时使用

直接上代码：

*index.vue*<video-grid ref="trtccomp" :video="videoFlag" :audio="audioFlag" :userId="userId" :roomId="roomId"></video-grid>*trtc.vue*
<div id="video_grid"><div id="local_stream" class="local_stream" v-show="true"></div><div v-for="its in remoteStreamArr" :key="its" :id="'remote_stream_'+its"></div></div>
export default {data() {return {client: "", //客户端服务remoteStreamArr: [], //远端流localStream: "" //本地流};},props: {video: Boolean,audio: Boolean,userId: String,//用户idroomId: String//房间号(两端相同时才能加入房间)},created () {//测试时直接创建，需求不同可自行更改ateClient(this.userId);},methods: {//创建链接createClient(userId)