Only mute media until scene has been loaded

src/hub.js

@@ -574,14 +574,23 @@ function handleHubChannelJoined(entryManager, hubChannel, messageDispatch, data)
 
   console.log(`Dialog host: ${hub.host}:${hub.port}`);
 
-  const audioSystem = scene.systems["hubs-systems"].audioSystem;
-  audioSystem.setMasterVolume(0);
-
+  // Mute media until the scene has been fully loaded.
+  // We intentionally want voice to be unmuted.
+  const { globalMediaVolume } = APP.store.state.preferences;
+  APP.store.update({
+    preferences: {
+      globalMediaVolume: 0
+    }
+  });
   remountUI({
     messageDispatch: messageDispatch,
     onSendMessage: messageDispatch.dispatch,
     onLoaded: () => {
-      audioSystem.setMasterVolume(1);
+      APP.store.update({
+        preferences: {
+          globalMediaVolume
+        }
+      });
       store.executeOnLoadActions(scene);
     },
     onMediaSearchResultEntrySelected: (entry, selectAction) =>

src/systems/audio-system.js

@@ -165,10 +165,6 @@ export class AudioSystem {
     window.APP.store.addEventListener("statechanged", this.onPrefsUpdated);
   }
 
-  setMasterVolume(vol) {
-    this._sceneEl.audioListener.setMasterVolume(vol);
-  }
-
   addStreamToOutboundAudio(id, mediaStream) {
     if (this.audioNodes.has(id)) {
       this.removeStreamFromOutboundAudio(id);