Add resolution display to publisher and subscriber.

michaelfig · Nov 20, 2018 · 91d0582 · 91d0582
1 parent ebf9385
commit 91d0582
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 3 deletions.
diff --git a/app/common.js b/app/common.js
@@ -60,6 +60,14 @@ function setVideoSource(video, streamOrUrl) {
         stream = streamOrUrl;
         whenStreamIsActive(function getStream() { return stream }, setSrc);
         function setSrc() {
+            var res = document.querySelector('#res');
+            if (res) {
+                res.innerHTML = '?x?';
+                video.oncanplay = function canPlay() {
+                    res.innerHTML = video.videoWidth + 'x' + video.videoHeight;
+                };
+            }
+
             console.log('adding active video stream');
             video.style.background = 'black';
             try {

diff --git a/app/index.html b/app/index.html
@@ -11,7 +11,8 @@
             <table class="params">
                 <tr>
                     <th>Channel:</th>
-                    <td><input type="text" value="test" id="subChannel"/></td>
+                    <td><input type="text" value="test" id="subChannel"/>
+                        <span id="res">?x?</span></td>
                     <td><input type="radio" name="prof" id="profHigh" value="high" checked="checked" /><label for="profHigh">High</label></td>
                 </tr>
                 <tr>

diff --git a/app/publish.html b/app/publish.html
@@ -26,7 +26,8 @@
                 </tr>
                 <tr>
                     <th>Channel:</th>
-                    <td><input type="text" value="test" id="pubChannel"/></td>
+                    <td><input type="text" value="test" id="pubChannel"/>
+                        <span id="res">?x?</span></td>
                 </tr>
                 <tr>
                     <th>Password:</th>

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "mediasoup-broadcast-example",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "Sample WebRTC broadcast client/server for the Mediasoup SFU.",
   "main": "server/index.js",
   "scripts": {