Work with new video tag policy (no autoplay on page load unless muted).

app/index.html

@@ -23,12 +23,13 @@
                 </tr>
                 <tr>
                     <td></td>
-                    <td><label for="subscribe"><input type="checkbox" id="subscribe"/>Subscribe</label></td>
+                    <td><label for="subscribe"><input type="checkbox" id="subscribe"/>Subscribe</label>
+                        <label for="muted"><input type="checkbox" id="muted" checked>Muted</label></label></td>
                     <td><label for="profLow"><input type="radio" name="prof" id="profLow" value="low" />Low</label></td>
                 </tr>
             </table>
             <div class="videoContainer">
-                <video id="subVideo" autoplay playsinline></video>
+                <video id="subVideo" autoplay playsinline muted></video>
             </div>
         </div>
         <script type="text/javascript" src="mediasoup-client.js"></script>

app/subscriber.js

@@ -231,4 +231,18 @@ function subscriberLoad() {
     }
     onEnterPerform(subChannel, subscribeCheck);
     onEnterPerform(subPassword, subscribeCheck);
+
+    function mutedToggle() {
+        video.muted = muted.checked;
+    }
+    muted.addEventListener('click', mutedToggle);
+
+    if (window.location.search.match(/(\?|&)sub=1(&|$)/)) {
+        // Autosubscribe.
+        subscribeCheck();
+    }
+    else {
+        // Unmute in preparation for subscribe toggle.
+        muted.checked = video.muted = false;
+    }
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mediasoup-broadcast-example",
-  "version": "1.2.8",
+  "version": "1.2.9",
   "description": "Sample WebRTC broadcast client/server for the Mediasoup SFU.",
   "main": "server/index.js",
   "scripts": {