vue加入腾讯实时音视频trtc web sdk

npm install trtc-js-sdk

<script src="https://cdn.webrtc.tencent-cloud.com/libs/trtc/4.x/trtc.min.js"></script>

import TRTC from 'trtc-js-sdk';

export default {
  mounted() {
    const client = TRTC.createClient({
      mode: 'rtc',
      sdkAppId: YOUR_SDK_APP_ID,
      userId: 'user_id',
      userSig: 'user_signature'
    });
  }
}

client.join({ roomId: 'your_room_id' }).then(() => {
  // 加入房间成功后的操作
}).catch(error => {
  console.error('加入房间失败', error);
});

const localStream = TRTC.createStream({
  audio: true,
  video: true,
  userId: 'user_id'
});

localStream.initialize().then(() => {
  client.publish(localStream);
}).catch(error => {
  console.error('发布流失败', error);
});

client.on('stream-added', event => {
  const remoteStream = event.stream;
  client.subscribe(remoteStream);
});

client.on('stream-subscribed', event => {
  const remoteStream = event.stream;
  // 将远端流添加到页面中
  remoteStream.play('remote-video-container');
});