From 167b4ec39620ec3825b1a4055ce35b8958f558c8 Mon Sep 17 00:00:00 2001
From: Michael FIG <michael@liveblockauctions.com>
Date: Wed, 27 Feb 2019 10:46:53 -0600
Subject: [PATCH] Work with new video tag policy (no autoplay on page load
 unless muted).

---
 app/index.html    |  5 +++--
 app/subscriber.js | 14 ++++++++++++++
 package.json      |  2 +-
 3 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/app/index.html b/app/index.html
index 68c4182..d901246 100644
--- a/app/index.html
+++ b/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>
diff --git a/app/subscriber.js b/app/subscriber.js
index b9bf3aa..f9ac639 100644
--- a/app/subscriber.js
+++ b/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;
+    }
 }
diff --git a/package.json b/package.json
index ef412d2..95d70eb 100644
--- a/package.json
+++ b/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": {