if (stream.getAudioTracks().length > 0) {
            let videoElement = getAudioContainer();
            if (videoElement) {
                let track = stream.getAudioTracks()[0];
                videoElement.video.srcObject.addTrack(track);
                videoElement.audioStateDisplay.innerHTML = audioStateText(stream) + " " + type;
                videoElement.audioStateDisplay.addEventListener("click", function() {
                    onMuteClick(videoElement.audioStateDisplay, stream, type);
                });
                track.addEventListener("ended", function() {
                    videoElement.video.srcObject.removeTrack(track);
                    videoElement.audioStateDisplay.innerHTML = "No audio";
                    //check video element has no tracks left
                    for (const [key, vTrack] of Object.entries(videoElement.video.srcObject.getTracks())) {
                        if (vTrack.readyState !== "ended") {
                            return;
                        }
                    }
                    removeLocalDisplay(videoElement.id);
                });
                return;
            }
        }

        const coreDisplay = document.createElement('div'createContainer(null);
        coreDisplay.setAttribute("class","text-center");
        coreDisplay.setAttribute("style","width: auto; height: auto;");
        coreDisplay.id = stream.id;
        const streamNameDisplaypublisherNameDisplay = document.createElement("div");
        streamNameDisplay.innerHTML = "Name:createInfoDisplay(coreDisplay, name + " " + name;
        streamNameDisplay.setAttribute("class","text-center");
        streamNameDisplay.setAttribute("style","width: auto; height: auto;");
        coreDisplay.appendChild(streamNameDisplay);

type);

        const audioStateDisplay = document.createElement("button");
        audioStateDisplay.innerHTML = audioStateText(stream);
        audioStateDisplay.addEventListener('click', function(){
coreDisplay.appendChild(audioStateDisplay);

        constvideo.onloadedmetadata streamDisplay= =function document.createElement('div');
(e) {
         streamDisplay.id = "stream-" + id   video.play();
        };
        streamDisplay.setAttribute("class","text-center");
stream.getTracks().forEach(function(track){
         streamDisplay.setAttribute   track.addEventListener("styleended","width: auto; height: auto;");
 function() {
                coreDisplayvideo.srcObject.appendChildremoveTrack(streamDisplaytrack);
        const  video = document.createElement("video");
    //check video element has video.mutedno =tracks true;left
        if(Browser().isSafariWebRTC()) {
       for (const [key, vTrack] of Object.entries(video.setAttribute("playsinline", "");srcObject.getTracks())) {
            video.setAttribute("webkit-playsinline", "")        if (vTrack.readyState !== "ended") {
                        return;
                    }
                }
               streamDisplay.appendChild(video); removeLocalDisplay(id);
            });
        });
        if (stream.getVideoTracks().length > 0) {
            // Resize only if video displayed
            video.addEventListener('resize', function (event) {
                publisherNameDisplay.innerHTML = name + " " + type + " " + video.videoWidth + "x" + video.videoHeight;
                resizeVideo(event.target);
            });
        } else {
            // Hide audio only container
            hideItem(streamDisplay);
            // Set up mute button for audio only stream
            audioStateDisplay.innerHTML = audioStateText(stream) + " " + type;
            audioStateDisplay.addEventListener("click", function() {
                onMuteClick(audioStateDisplay, stream, type);
            });
        }

    room.on(constants.SFU_ROOM_EVENT.ADD_TRACKS, function(e) {
        console.log("Received ADD_TRACKS");
        let participant = remoteParticipants[e.info.nickName];
        if (!participant) {
            participant = {};
            participant.nickName = e.info.nickName;
  }).on(constants.SFU_ROOM_EVENT.TRACK_QUALITY_STATE, function(e){
        console.log("Received track participant.tracks = []quality state");
           const participant.displays = remoteParticipants[e.info.nickName];
        if (!participant) {
  remoteParticipants[participant.nickName] = participant;
        }return;
        participant.tracks.push.apply(participant.tracks, e.info.info);}

        for (const pTrackrTrack of e.info.infotracks) {
            ...
const mid     = rTrack.mid;
      let display = createRemoteDisplay(participant.nickName, participant.nickName, mainDiv);
       for (let i = 0; i < participant.displays.push(display);length; i++) {
            if (pTrack.type    const display === "VIDEO") {
 participant.displays[i];
                if (display.videoMid === pTrack.mid;) {
                    display.setTrackInfoupdateQualityInfo(pTrackrTrack.quality);
            } else if (pTrack.type === "AUDIO") {
  break;
              display.audioMid = pTrack.mid;
        }
    }
        }
        ...}
    });

        }).on(constants.SFU_ROOM_EVENT.REMOVE_TRACKS, function(e) {const cell = document.createElement("div");
        consolecell.logsetAttribute("Received REMOVE_TRACKSclass", "text-center");
        const participantcell.id = remoteParticipants[e.info.nickName]id;
        if (!participant) {mainDiv.appendChild(cell);
        let publisherNameDisplay;
   return;
     let currentQualityDisplay;
  }
      let videoTypeDisplay;
 for (const rTrack of e.info.info) {
  let abrQualityCheckPeriod = ABR_QUALITY_CHECK_PERIOD;
       for (let iabrKeepOnGoodQuality = 0; i < participant.tracks.length; i++) {
     ABR_KEEP_ON_QUALITY;
        let abrTryForUpperQuality = ABR_TRY_UPPER_QUALITY;
           if (rTrackdisplayOptions.midabrQualityCheckPeriod !=== participant.tracks[i].mid undefined) {
            abrQualityCheckPeriod = displayOptions.abrQualityCheckPeriod;
      participant.tracks.splice(i, 1);  }
        if (displayOptions.abrKeepOnGoodQuality !== undefined) {
         break   abrKeepOnGoodQuality = displayOptions.abrKeepOnGoodQuality;
        }
        }if (displayOptions.abrTryForUpperQuality !== undefined) {
            }
abrTryForUpperQuality = displayOptions.abrTryForUpperQuality;
        }
  for (let i = 0; i < participant.displays.length; i++if (!displayOptions.abr) {
            abrQualityCheckPeriod = 0;
      let found = false;
   abrKeepOnGoodQuality = 0;
           const displayabrTryForUpperQuality = participant.displays[i]0;
        }
        if (display.audioMid === rTrack.middisplayOptions.publisher) {
            publisherNameDisplay = createInfoDisplay(cell, "Published by: "   display.setAudio(null+ name);
        }
        if (displayOptions.quality) {
     found = true;
     currentQualityDisplay = createInfoDisplay(cell, "");
        }
 else    if (display.videoMid === rTrack.mid  if (displayOptions.type) {
            videoTypeDisplay = createInfoDisplay(cell, "");
        display.setVideo(null);}
        const qualitySwitchDisplay = createInfoDisplay(cell, "");

        foundlet qualityDivs = true[];
        let contentType = "";

     }
   const rootDisplay = createContainer(cell);
        const streamDisplay if= createContainer(foundrootDisplay) {;
        const audioDisplay = createContainer(rootDisplay);
        const if (!display.hasAudio() && !display.hasVideo()) {audioTypeDisplay = createInfoDisplay(audioDisplay);
        const audioTrackDisplay = createContainer(audioDisplay);
        const audioStateButton =   display.disposeAudioStateButton();

        hideItem(streamDisplay);
        hideItem(audioDisplay);
        participant.displays.splice(i, 1hideItem(publisherNameDisplay);
        hideItem(currentQualityDisplay);
        hideItem(videoTypeDisplay);
    }
    hideItem(qualitySwitchDisplay);

            setEventHandlers: function(video) {
                // Ignore play/pause button
                setAudio:video.addEventListener("pause", function (stream) {
                  if  (audio) {console.log("Media paused by click, continue...");
                    audiovideo.removeplay();
                });
            },
            ifsetWebkitEventHandlers: function(!streamvideo) {
                let needRestart   audio = nullfalse;
                let    this.audioMid isFullscreen = undefinedfalse;
                // Use webkitbeginfullscreen event return;
                }to detect full screen mode in iOS Safari
                audio = document.createElementvideo.addEventListener("audiowebkitbeginfullscreen");
, function () {
             audio.controls = "controls";
                audio.muted isFullscreen = true;
                audio.autoplay = true;
});                if (Browser().isSafariWebRTC()) {
                    audio.setAttributevideo.addEventListener("playsinlinepause", function ""(); {
                    if audio.setAttribute("webkit-playsinline", "");
(needRestart) {
                       this console.setWebkitEventHandlers(audio);
    log("Media paused after fullscreen, continue...");
            } else {
          video.play();
          this.setEventHandlers(audio);
              needRestart = }false;
                cell.appendChild(audio);
    } else {
          audio.srcObject = stream;
            console.log("Media paused by click, audio.onloadedmetadata = function (e) {
continue...");
                        audiovideo.play().then(function() {
   ;
                    }
 if (Browser().isSafariWebRTC() && Browser().isiOS()) {
           });
                 consolevideo.warnaddEventListener("Audio track should be manually unmuted in iOS Safari");
webkitendfullscreen", function () {
                    video.play();
            } else {
      needRestart = true;
                    audio.mutedisFullscreen = false;
                });
          }
  },

            setResizeHandler: function(video) {
                video.addEventListener("resize", function (event  setTrackInfo: function(trackInfo) {
                    if (displayOptions.publishertrackInfo) { 
                    if (trackInfo.quality) {
  publisherNameDisplay.innerHTML = "Published by: " + name;
                showItem(qualitySwitchDisplay);
    }
                    if (displayOptionsabr.qualityisEnabled()) {
                        currentQualityDisplay.innerHTML = video.videoWidth + "x" + video.videoHeight    const autoDiv = createQualityButton("Auto", qualityDivs, qualitySwitchDisplay);
                    }
        autoDiv.style.color            resizeVideo(event.target)= QUALITY_COLORS.SELECTED;
                });
            },autoDiv.addEventListener('click', function() {
            setEventHandlers: function(video) {
                // Ignore play/pause button setQualityButtonsColor(qualityDivs);
                video.addEventListener("pause", function () {
             autoDiv.style.color = QUALITY_COLORS.SELECTED;
       console.log("Media paused by click, continue...");
                         videoabr.playsetAuto();
                });
            },);
            setWebkitEventHandlers: function(video) {
          }
      let needRestart = false;
               for (let isFullscreeni = false0;
 i < trackInfo.quality.length; i++) {
           // Use webkitbeginfullscreen event to detect full screen mode in iOS Safari
      abr.addQuality(trackInfo.quality[i]);
          video.addEventListener("webkitbeginfullscreen", function () {
               const qualityDiv = createQualityButton(trackInfo.quality[i],  isFullscreen = truequalityDivs, qualitySwitchDisplay);
                });            qualityDiv.addEventListener('click', function() {
  
                video.addEventListener("pause", function () {
              console.log("Clicked on quality " + trackInfo.quality[i] + " trackId " if (needRestart) {
+ trackInfo.id);
                             console.log("Media paused after fullscreen,if continue(qualityDiv.style..");color === QUALITY_COLORS.UNAVAILABLE) {
                        video.play();
            return;
            needRestart = false;
                  }
  } else {
                        console.log("Media paused by click, continue..." setQualityButtonsColor(qualityDivs);
                        video.play();
        qualityDiv.style.color = QUALITY_COLORS.SELECTED;
          }
                });
      abr.setManual();
          video.addEventListener("webkitendfullscreen", function () {
                    videoabr.play(setQuality(trackInfo.quality[i]);
                    needRestart = true;
      });
              isFullscreen = false;
        }
        });
            },

            dispose: function() {
                abr.stop();
                cell.remove();
            },