Quality selector reload stream

web/static/js/videoQuality.js

@@ -2,8 +2,8 @@ document.getElementById("quality").addEventListener("change", (event) => {
     console.log(`Stream quality changed to ${event.target.value}`)
 
     // Restart the connection with a new quality
-    // FIXME: set quality
-    peerConnection.createOffer({ "iceRestart": true }).then(offer => {
-        return peerConnection.setLocalDescription(offer)
-    }).catch(console.log)
+    peerConnection.close()
+    peerConnection = null
+    streamPath = window.location.href + event.target.value
+    startPeerConnection()
 })

web/static/js/viewer.js

@@ -1,4 +1,5 @@
-let peerConnection;
+let peerConnection
+let streamPath = window.location.href
 
 startPeerConnection = () => {
     // Init peer connection
@@ -52,7 +53,7 @@ startPeerConnection = () => {
             // The server replies with its description
             // After setRemoteDescription, the browser will fire ontrack events
             console.log("Sending session description to server")
-            fetch(window.location.href + document.quality_form.quality.value, {
+            fetch(streamPath, {
                 method: 'POST',
                 headers: {
                     'Accept': 'application/json',