/**
 * Load loadtrack configconfiguration 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();
    roomConfig.pc = pc;
    //kick off connect //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   = document.getElementById('messages');
 session.on(constants.SFU_EVENT.FAILED, function (e) {
          const chatInput =if document.getElementById('localMessage');
   (e.status && e.statusText) {
     const chatButton = document.getElementById('sendMessage');
        //create and bind chat to the new room
displayError("CONNECTION FAILED: " + e.status + " " + e.statusText);
          createChat(room, chatDiv, chatInput, chatButton);

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

})

        //get configuredcreate local video display to show local streams
        let streamslocalDisplay = cControlsinitLocalDisplay(document.getVideoStreamsgetElementById("localDisplay"));
        //combine localdisplay videoaudio streamsand withvideo audiocontrol streamstables
        streams.push.apply(streams,await cControls.getAudioStreamsdisplayTables());
        //add our local streams to the room (to PeerConnection)
cControls.onTrack(async function (s) {
            await streams.forEach(function (s) {
publishNewTrack(room, pc, s);
        });
        //addcreate and localbind streamchat to localthe new displayroom
        const chatDiv =  localDisplaydocument.add(s.stream.id, "local", s.streamgetElementById('messages');
        const chatInput   //add each track to PeerConnection= document.getElementById('localMessage');
        const chatButton =  s.stream.getTracks().forEach((track) => {document.getElementById('sendMessage');
                addTrackToPeerConnection(pc, s.stream, track, s.encodings);createChat(room, chatDiv, chatInput, chatButton);

        //setup remote display for showing remote   subscribeTrackToEndedEvent(room, track, pc);audio/video tracks
        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) {
            //add local stream to local display
{parameter: "freezeCount", maxLeap: 10},
                localDisplay.add(s.stream.id,{parameter: "localpacketsLost", s.stream); maxLeap: 10}
            //add each track to PeerConnection
   ], abrKeepOnGoodQuality: ABR_KEEP_ON_QUALITY, abrTryForUpperQuality: ABR_TRY_UPPER_QUALITY, interval: ABR_QUALITY_CHECK_PERIOD});

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

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