tencent cloud

var videoEffectManager = livePusher.getVideoEffectManager();

videoEffectManager.enableMixing(true);

videoEffectManager.setMixingConfig({
    videoWidth: 1280,
    videoHeight: 720,
    videoFramerate: 15
});

var cameraStreamId = null;
var screenStreamId = null;

livePusher.startCamera().then((streamId) => {
    cameraStreamId = streamId;
}).catch((error) => {
    console.log('Failed to turn on the camera:'+ error.toString());
});

livePusher.startScreenCapture().then((streamId) => {
    screenStreamId = streamId;
}).catch((error) => {
    console.log('Failed to share the screen:'+ error.toString());
});

videoEffectManager.setLayout([{
    streamId: screenStreamId,
    x: 640,
    y: 360,
    width: 1280,
    height: 720,
    zOrder: 1
}, {
    streamId: cameraStreamId,
    x: 160,
    y: 90,
    width: 320,
    height: 180,
    zOrder: 2
}]);

videoEffectManager.setMirror({
    streamId: cameraStreamId,
    mirrorType: 1
});

var image = new Image();
image.src = './xxx.png'; // Note that the image address cannot be under another domain; otherwise, cross-domain issues will occur.

videoEffectManager.setWatermark({
    image: image,
    x: 1230,
    y: 50,
    width: 100,
    height: 100,
    zOrder: 3
});

livePusher.startPush('webrtc://domain/AppName/StreamName?txSecret=xxx&txTime=xxx');