Web

import TRTC from 'trtc-js-sdk';

const cameraList = await TRTC.getCameras();
const micList = await TRTC.getMicrophones();
const speakerList = await TRTC.getSpeakers();
const hasCameraDevice = cameraList.length > 0;
const hasMicrophoneDevice = micList.length > 0;
const hasSpeakerDevice = speakerList.length > 0;

navigator.mediaDevices
 .getUserMedia({ video: hasCameraDevice, audio: hasMicrophoneDevice })
 .then((stream) => {
  // 获取音视频流成功
  // ...
  // 释放摄像头，麦克风设备
  stream.getTracks().forEach(track => track.stop());
 })
 .catch((error) => {
  // 获取音视频流失败
 });

export function isOnline() {
 const url = 'https://web.sdk.qcloud.com/trtc/webrtc/assets/trtc-logo.png';
 return new Promise((resolve) => {
  try {
      const xhr = new XMLHttpRequest();
      xhr.onload = function () {
          resolve(true);
      };
      xhr.onerror = function () {
          resolve(false);
      };
      xhr.open('GET', url, true);
      xhr.send();
  } catch (err) {
      // console.log(err);
  }
 });
}
const isOnline = await isOnline();

import TRTC from 'trtc-js-sdk';
let cameraList = await TRTC.getCameras();
let cameraId = cameraList[0].deviceId;

const localStream = TRTC.createStream({
 video: true,
 audio: false,
 cameraId,
});
await localStream.initialize();
localStream.play('camera-video');

localStream.switchDevice('video', cameraId);

navigator.mediaDevices.addEventListener('devicechange', async () => {
 cameraList = await TRTC.getCameras();
  cameraId = cameraList[0].deviceId; 
 localStream.switchDevice('video', cameraId);
})

localStream.close();

import TRTC from 'trtc-js-sdk';

let microphoneList = await TRTC.getMicrophones();
let microphoneId = microphoneList[0].deviceId;

const localStream = TRTC.createStream({
 video: false,
 audio: true,
 microphoneId,
});
await localStream.initialize();
localStream.play('audio-container');
timer = setInterval(() => {
 const volume = localStream.getAudioLevel();
}, 100);

// 获取用户新选中的 microphoneId
localStream.switchDevice('audio', microphoneId);

navigator.mediaDevices.addEventListener('devicechange', async () => {
 microphoneList = await TRTC.getMicrophones();
  microphoneId = microphoneList[0].deviceId;
 localStream.switchDevice('audio', microphoneId);
})

localStream.close();
clearInterval(timer);

<audio id="audio-player" src="xxxxx" controls></audio>

const audioPlayer = document.getElementById('audio-player');
if (!audioPlayer.paused) {
  audioPlayer.pause();
}
audioPlayer.currentTime = 0;

let uplinkClient = null; // 用于检测上行网络质量
let downlinkClient = null; // 用于检测下行网络质量
let localStream = null; // 用于测试的流
let testResult = {
  // 记录上行网络质量数据
  uplinkNetworkQualities: [],
  // 记录下行网络质量数据
  downlinkNetworkQualities: [],
  average: {
 uplinkNetworkQuality: 0,
 downlinkNetworkQuality: 0
  }
}

// 1. 检测上行网络质量
async function testUplinkNetworkQuality() {
  uplinkClient = TRTC.createClient({
 sdkAppId: 0, // 填写 sdkAppId
 userId: 'user_uplink_test',
 userSig: '', // uplink_test 的 userSig
 mode: 'rtc'
  });

  localStream = TRTC.createStream({ audio: true, video: true });
  // 根据实际业务场景设置 video profile
  localStream.setVideoProfile('480p'); 
  await localStream.initialize();

  uplinkClient.on('network-quality', event => {
 const { uplinkNetworkQuality } = event;
 testResult.uplinkNetworkQualities.push(uplinkNetworkQuality);
  });

  // 加入用于测试的房间，房间号需要随机，避免冲突
  await uplinkClient.join({ roomId: 8080 }); 
  await uplinkClient.publish(localStream);
}

// 2. 检测下行网络质量
async function testDownlinkNetworkQuality() {
    downlinkClient = TRTC.createClient({
        sdkAppId: 0, // 填写 sdkAppId
        userId: 'user_downlink_test',
        userSig: '', // userSig
        mode: 'rtc'
    });

  downlinkClient.on('stream-added', async event => {
      await downlinkClient.subscribe(event.stream, { audio: true, video: true });
        // 订阅成功后开始监听网络质量事件
      downlinkClient.on('network-quality', event => {
          const { downlinkNetworkQuality } = event;
          testResult.downlinkNetworkQualities.push(downlinkNetworkQuality);
      });
    })
    // 加入用于测试的房间，房间号需要随机，避免冲突
    await downlinkClient.join({ roomId: 8080 });
}
      
// 3. 开始检测
testUplinkNetworkQuality();
testDownlinkNetworkQuality();

// 4. 15s 后停止检测，计算平均网络质量
setTimeout(() => {
    // 计算上行平均网络质量
    if (testResult.uplinkNetworkQualities.length > 0) {
        testResult.average.uplinkNetworkQuality = Math.ceil(
        testResult.uplinkNetworkQualities.reduce((value, current) => value + current, 0) / testResult.uplinkNetworkQualities.length
    );
}

    if (testResult.downlinkNetworkQualities.length > 0) {
            // 计算下行平均网络质量
            testResult.average.downlinkNetworkQuality = Math.ceil(
            testResult.downlinkNetworkQualities.reduce((value, current) => value + current, 0) / testResult.downlinkNetworkQualities.length
        );  
    }

  // 检测结束，清理相关状态。
  uplinkClient.leave();
  downlinkClient.leave();
  localStream.close();
}, 15 * 1000);