Embed realtime video in je apps met een paar regels code

// globale variabelen declareren
laat vidyoConnector = null;
let meetingLink = document.getElementById('meetingLink');
let name = document.getElementById('naam');

functie onVidyoClientLoaded() {
    window.VC = nieuwe window.VidyoClientLib.VidyoClient('', () => {
        init();
    });
}

async functie init() {
    try {
        vidyoConnector = await VC.CreateVidyoConnector({
            viewId: "renderer", // Div ID waar de samengestelde video zal worden gerenderd, zie VidyoConnector.html;
            viewStyle: "VIDYO_CONNECTORVIEWSTYLE_Default", // Visuele stijl van de samengestelde renderer
            remoteParticipants: 8, // Maximum aantal deelnemers om te renderen
            logFileFilter: "debug@VidyoClient debug@VidyoSDP debug@VidyoResourceManager",
            logFileName: "",
            userData: 0,
            constraints: {}
        });
        console.log("create success");
    } catch (fout) {
        console.error("creëren mislukt", fout);
    }
}

async functie joinCall() {
    try {
        // nieuwe kamer aanmaken
        laat res = await fetch('https://vidyo-adhoc-zsdgxlqgkq-uc.a.run.app/api/v1/rooms', {method: 'POST'});
        res = await res.json();
        console.log(res);
        const params = res.roomUrl.split('/join/');
        const portal = params[0];
        const roomKey = params[1];
        await vidyoConnector.ConnectToRoomAsGuest({
            host: portal, // HOST
            roomKey: roomKey, //ROOM KEY
            displayName: name.value,
            roomPin: res.pin,
            onSuccess: () => {
                console.log(`vidyoConnector.ConnectToRoomAsGuest : onSuccess callback ontvangen`);
                meetingLink.value = res.roomUrl;
            },
            onFailure: (reden) => {
                console.error("vidyoConnector.Connect : onFailure callback ontvangen", reden);
            },
            onDisconnected: (reden) => {
                console.log("vidyoConnector.Connect : onDisconnected callback ontvangen", reden);
            }
        });
    } catch(error) {
        console.log(error)
    };
}

functie endCall() {
    vidyoConnector.Disconnect();
    meetingLink.value = '';
}