tencent cloud

// Local camera rendering image, the default is true
await trtc.startLocalVideo({ option: { mirror: true }});

// Dynamically updating parameters
await trtc.updateLocalVideo({ option: { mirror: false }});

trtc.on(TRTC.EVENT.REMOTE_VIDEO_AVAILABLE, async ({ userId, streamType }) => {
  await trtc.startRemoteVideo({ 
    userId, 
    streamType, 
    // You need to pre-place the video container in the DOM. 
    // It is recommended to use '${userId}_${streamType}' as the element id.
    view: `${userId}_${streamType}`,
    // Mirror the remote video. The default value is false
    option: { mirror: true }
    });
    
  // Dynamically updating parameters
  await trtc.updateRemoteVideo({ userId, streamType, option: { mirror: false }})
});

// Local camera fill mode, default is cover
await trtc.startLocalVideo({ option: { fillMode: 'cover' }});

// Dynamically updating parameters
await trtc.updateLocalVideo({ option: { fillMode: 'contain' }});

trtc.on(TRTC.EVENT.REMOTE_VIDEO_AVAILABLE, async ({ userId, streamType }) => {
  await trtc.startRemoteVideo({ 
    userId, 
    streamType, 
    // You need to pre-place the video container in the DOM. 
    // It is recommended to use '${userId}_${streamType}' as the element id.
    view: `${userId}_${streamType}`,
    option: { fillMode: 'contain' }
    });
    
  // Dynamically updating parameters
  await trtc.updateRemoteVideo({ userId, streamType, option: { fillMode: 'cover' }})
});