implemented a leave button

index.html

@@ -176,8 +176,9 @@
             <button onclick="reload(8)">Reload</button>
         </div>
     </div>
+    <button onclick="leave()">Leave Conference</button>
+    <p class="available-users"></p>
 </div>
-<p class="available-users"></p>
 
 
     <div id="audioOutputSelectWrapper" style="display: none;">

script.js

@@ -19,7 +19,6 @@ const videoSize = {
 };
 
 let connection = null;
-let isJoined = false;
 let room = null;
 
 // zu mappende namen.
@@ -110,14 +109,6 @@ function onRemoteTrackRemove(track) {
     delete tracks[participant][type];
 }
 
-/**
- * That function is executed when the conference is joined
- */
-function onConferenceJoined() {
-    console.log('conference joined!');
-    isJoined = true;
-}
-
 /**
  *
  * @param id
@@ -267,7 +258,6 @@ function connect(e) {
     room.setDisplayName("Streamer");
     room.on(JitsiMeetJS.events.conference.TRACK_ADDED, onRemoteTrack);
     room.on(JitsiMeetJS.events.conference.TRACK_REMOVED, onRemoteTrackRemove);
-    room.on(JitsiMeetJS.events.conference.CONFERENCE_JOINED, onConferenceJoined);
     room.on(JitsiMeetJS.events.conference.USER_JOINED, onUserJoin);
     room.on(JitsiMeetJS.events.conference.USER_LEFT, onUserLeft);
     room.on(JitsiMeetJS.events.conference.DISPLAY_NAME_CHANGED, onNameChange);
@@ -342,6 +332,12 @@ function reload(position) {
     }
 }
 
+function leave() {
+    room.leave();
+    $('#room').hide();
+    $('#room-selector').show();
+}
+
 function updateParticipantList() {
     $('.available-users').text(room.getParticipants().map(p => p.getDisplayName()).join(', '));
 }