Einbetten von Echtzeit-Videos in Ihre Anwendungen mit nur wenigen Zeilen Code

// globale Variablen deklarieren
let vidyoConnector = null;
let meetingLink = document.getElementById('meetingLink');
let name = document.getElementById('name');

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

async Funktion init() {
    try {
        vidyoConnector = await VC.CreateVidyoConnector({
            viewId: "renderer", // Div ID wo das zusammengesetzte Video gerendert wird, siehe VidyoConnector.html;
            viewStyle: "VIDYO_CONNECTORVIEWSTYLE_Default", // Visueller Stil des zusammengesetzten Renderers
            remoteParticipants: 8, // Maximale Anzahl der zu rendernden Teilnehmer
            logFileFilter: "debug@VidyoClient debug@VidyoSDP debug@VidyoResourceManager",
            logFileName: "",
            userData: 0,
            constraints: {}
        });
        console.log("create success");
    } catch (Fehler) {
        console.error('creating failed', error);
    }
}

async function joinCall() {
    try {
        // neuen Raum erstellen
        let 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({
            Gastgeber: portal, // HOST
            roomKey: roomKey, //ROOM KEY
            displayName: name.value,
            roomPin: res.pin,
            onSuccess: () => {
                console.log(`vidyoConnector.ConnectToRoomAsGuest : onSuccess callback received`);
                meetingLink.value = res.roomUrl;
            },
            onFailure: (Grund) => {
                console.error("vidyoConnector.Connect : onFailure callback received", reason);
            },
            onDisconnected: (Grund) => {
                console.log("vidyoConnector.Connect : onDisconnected Rückruf erhalten", Grund);
            }
        });
    } catch(error) {
        console.log(error)
    };
}

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