[Broadcaster] Allow to configure max video bitrate (#18)

Author: mickel8

broadcaster/assets/js/player.js

@@ -1,5 +1,6 @@
 const audioDevices = document.getElementById('audioDevices');
 const videoDevices = document.getElementById('videoDevices');
+const maxVideoBitrate = document.getElementById('maxVideoBitrate');
 const serverUrl = document.getElementById('serverUrl');
 const serverToken = document.getElementById('serverToken');
 const button = document.getElementById('button');
@@ -64,6 +65,15 @@ async function startStreaming() {
     pc.addTrack(track);
   }
 
+  // limit max bitrate
+  pc.getSenders()
+    .filter((sender) => sender.track.kind === 'video')
+    .forEach(async (sender) => {
+      const params = sender.getParameters();
+      params.encodings[0].maxBitrate = parseInt(maxVideoBitrate.value) * 1024;
+      await sender.setParameters(params);
+    });
+
   const offer = await pc.createOffer();
   await pc.setLocalDescription(offer)
 

broadcaster/lib/broadcaster_web/controllers/page_html/player.html.heex

@@ -9,6 +9,10 @@
       <label for="videoDevices">Video Input Device:</label>
       <select id="videoDevices"></select>
     </div>
+    <div class="p-2">
+      <label for="maxVideoBitrate">Max Video Bitrate (kbps):</label>
+      <input type="text" id="maxVideoBitrate" value="1500" />
+    </div>
     <div class="p-2">
       <label for="serverUrl">Server URL</label>
       <input type="text" id="serverUrl" />