/**
 * Loadload track configurationconfig and show entrance modal
 */
const init = function () {
    //read config
    $.getJSON("config.json", function (config) {
        cControls = createControls(config);
    }).fail(function () {
        //use default config
        cControls = createControls(defaultConfig);
    });
    //create local display to show local streams
    localDisplay = initLocalDisplay(document.getElementById("localDisplay"));
    //open entrance modal
    $('#entranceModal').modal('show');
}

/**
 * Connectconnect to server and publish preconfigured streams
 */
async function connect() {
    // hide modal
    $('#entranceModal').modal('hide');
    // disable controls
    cControls.muteInput();
    //create peer connection
    const pc = new RTCPeerConnection();
    //get config object for room creation
    const roomConfig = cControls.roomConfig();
    //kick off connect roomConfig.pc = pc;
    //kick off connect to server and local room creation
    try {
        const session = await sfu.createRoom(roomConfig);
    session.on(constants.SFU_EVENT.CONNECTED, function(room) {
     // Now we //connected to the server
 (if no exception was thrown)
   const chatDiv =   sessiondocument.on(constants.SFU_EVENT.FAILED, function (e) {getElementById('messages');
        const chatInput   if (e.status && e.statusText) {
= document.getElementById('localMessage');
        const chatButton = document.getElementById('sendMessage');
        displayError("CONNECTION FAILED: " + e.status + " " + e.statusText);//create and bind chat to the new room
        createChat(room, chatDiv,   } else if (e.type && e.info) {chatInput, chatButton);

           room.on(constants.SFU_ROOM_EVENT.FAILED, function(e) {
           displayError("CONNECTION FAILED: " + e.info const errField = document.getElementById("errorMsg");
            } else {
errField.style.color = "red";
            errField.innerText = e;
    displayError("CONNECTION FAILED: " + e);
            }
        }).on(constants.SFU_ROOM_EVENT.DISCONNECTEDOPERATION_FAILED, function (e) {
            displayError("DISCONNECTED. Refresh the page to enter the room againconst errField = document.getElementById("errorMsg");
        });
    errField.style.color = "red";
  const room = session.room();
        room.on(constants.SFU_ROOM_EVENT.FAILED, function (e) {
    errField.innerText = e.operation + " failed: " + e.error;
        displayError(e});
        }).on(constants.SFU_ROOM_EVENT.OPERATION_FAILED, function (e) {
   //setup remote display for showing remote audio/video tracks
        const displayError(e.operation + " failed: " + e.errorremoteDisplay = document.getElementById("display");
        })initRemoteDisplay(room, remoteDisplay, pc);

        //get createconfigured local display to show local video streams
        let localDisplaystreams = initLocalDisplay(documentcControls.getElementByIdgetVideoStreams("localDisplay"));
        //combine displaylocal audiovideo andstreams videowith controlaudio tablesstreams
        awaitstreams.push.apply(streams, cControls.displayTablesgetAudioStreams());
        cControls.onTrack(async function (s) {
     //add our local streams to the room (to PeerConnection)
       await publishNewTrack(room, pc, s);
 streams.forEach(function (s) {
       });
        //createadd andlocal bind chatstream to thelocal newdisplay
 room
        const chatDiv = documentlocalDisplay.getElementById('messages'add(s.stream.id, "local", s.stream);
          const chatInput = document.getElementById('localMessage');  //add each track to PeerConnection
        const  chatButton = document.getElementById('sendMessage');
 s.stream.getTracks().forEach((track) => {
          createChat(room, chatDiv, chatInput, chatButton);

      addTrackToPeerConnection(pc, s.stream, track, s.encodings);
           //setup remote display for showing remote audio/video tracks
subscribeTrackToEndedEvent(room, track, pc);
         const remoteDisplay = document.getElementById("display" });
        initDefaultRemoteDisplay(room, remoteDisplay, {quality: true},{thresholds: [
});
        //add callback for the new local stream to the local controls
  {parameter: "nackCount", maxLeap: 10},
   cControls.onTrack(function (s) {
           {parameter: "freezeCount", maxLeap: 10},
    //add local stream to local display
             {parameter: "packetsLost", maxLeap: 10}
localDisplay.add(s.stream.id, "local", s.stream);
            //add each ],track abrKeepOnGoodQuality: ABR_KEEP_ON_QUALITY, abrTryForUpperQuality: ABR_TRY_UPPER_QUALITY, interval: ABR_QUALITY_CHECK_PERIOD});

        //get configured local video streams
to PeerConnection
            s.stream.getTracks().forEach((track) => {
                let streams = cControls.getVideoStreams(addTrackToPeerConnection(pc, s.stream, track, s.encodings);
        //combine local video streams with audio streams
        streams.push.apply(streams, cControls.getAudioStreams()subscribeTrackToEndedEvent(room, track, pc);

         // Publish preconfigured streams});
        publishPreconfiguredStreams(room, pc, streams);
  //kickoff renegotiation
 } catch (e) {
        consoleroom.errorupdateState(e);
        displayError(e});
        //join room
        room.join();
    });
}