tencent cloud

const localStream = TRTC.createStream({ userId, audio: true, video: true });
localStream.initialize().then(() => {
  // local stream initialized success
});

const localStream = TRTC.createStream({ userId, audio: false, screen: true });
localStream.initialize().then(() => {
  // local stream initialized success
});

// 現在お使いのブラウザがvideoエレメントからのstreamキャプチャをサポートしているかどうかチェックします
const isVideoCapturingSupported = () => {
    if (typeof document === 'undefined') {
        return false;
    }
    const videoElement = document.createElement('video');
    return ['captureStream', 'mozCaptureStream', 'webkitCaptureStream'].some(item => item in videoElement);
};

// 現在お使いのブラウザがvideoエレメントからのstreamキャプチャをサポートしているかどうかチェックします
if (!isVideoCapturingSupported()) {
    console.log('your browser does not support capturing stream from video element');
    return
}
// 再生中のビデオのvideoタグを取得します 
const video = document.getElementById('your-video-element-ID');
// 再生したビデオからビデオストリームをキャプチャします
const stream = video.captureStream();
const audioTrack = stream.getAudioTracks()[0];
const videoTrack = stream.getVideoTracks()[0];

const localStream = TRTC.createStream({ userId, audioSource: audioTrack, videoSource: videoTrack });

// ビデオのプロパティが外部から渡されたビデオソースと一致していることを確認してください。一致していない場合、ビデオ通話に影響を及ぼします
localStream.setVideoProfile('480p');

localStream.initialize().then(() => {
    // local stream initialized success
});

// 現在お使いのブラウザがvideoエレメントからのcanvasキャプチャをサポートしているかどうかチェックします
const isCanvasCapturingSupported = () => {
    if (typeof document === 'undefined') {
        return false;
    }
    const canvasElement = document.createElement('canvas');
    return ['captureStream', 'mozCaptureStream', 'webkitCaptureStream'].some(item => item in canvasElement);
};

// 現在お使いのブラウザがvideoエレメントからのcanvasキャプチャをサポートしているかどうかチェックします
if (!isCanvasCapturingSupported()) {
    console.log('your browser does not support capturing stream from canvas element');
    return
}
// お客様のcanvasタグを取得します 
const canvas = document.getElementById('your-canvas-element-ID');

// canvasから15fpsのビデオストリームをキャプチャします
const fps = 15;
const stream = canvas.captureStream(fps);
const videoTrack = stream.getVideoTracks()[0];

const localStream = TRTC.createStream({ userId, videoSource: videoTrack });

// ビデオのプロパティが外部から渡されたビデオソースと一致していることを確認してください。一致していない場合、ビデオ通話に影響を及ぼします
localStream.setVideoProfile('480p');

localStream.initialize().then(() => {
    // local stream initialized success
});