Add ability to set source node volume and mute source node to sceneless project commands.

Author: mikekanter

src/core/transforms/GameSource.tsx

@@ -142,10 +142,10 @@ export const GameSource = {
       source: Sources.GameSource
     }) => {
       const ref = useRef<HTMLVideoElement>()
-      const { volume = 1, isHidden = false } = props || {}
+      const { volume = 1, isMuted = false } = props || {}
       const [labelSize, setLabelSize] = useState<0 | 1 | 2 | 3>(0)
 
-      const muteAudio = props?.isMuted
+      const muteAudio = isMuted
 
       const hasVideo = !props?.isHidden && source?.props?.videoEnabled
 

src/helpers/sceneless-project.ts

@@ -346,6 +346,16 @@ export interface Commands {
     cb: (nodes: Compositor.SceneNode[]) => void,
     type: ExternalSourceType,
   ): Disposable
+  /**
+   * Change a source node's volume.
+   * This does not affect the underlying MediaStreamTrack.
+   */
+  setSourceNodeVolume(id: string, volume: number): void
+  /**
+   * Mute a source node without changing its volume.
+   *  This does not affect the underlying MediaStreamTrack.
+   */
+  setSourceNodeMuted(id: string, isMuted: boolean): void
   /**
    * Add a participant camera track to the stream canvas.
    * Available participants can be gleaned from the WebRTC {@link Room} using
@@ -1838,6 +1848,28 @@ export const commands = (_project: ScenelessProject) => {
       }
     },
 
+    setSourceNodeVolume(id, volume) {
+      const node = commands.getSourceNode(id)
+      if (!node) return
+      CoreContext.Command.updateNode({
+        nodeId: node.id,
+        props: {
+          volume,
+        },
+      })
+    },
+
+    setSourceNodeMuted(id, isMuted) {
+      const node = commands.getSourceNode(id)
+      if (!node) return
+      CoreContext.Command.updateNode({
+        nodeId: node.id,
+        props: {
+          isMuted,
+        },
+      })
+    },
+
     async addParticipantTrack(
       trackId: string,
       props: Partial<ParticipantProps> = {