@conference-kit/react 0.0.5 → 0.0.6

package/dist/components/VideoPlayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VideoPlayer.d.ts","sourceRoot":"","sources":["../../src/components/VideoPlayer.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IAC3E,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAC7B,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,QAAe,EACf,WAAkB,EAClB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAoBlB"}
+{"version":3,"file":"VideoPlayer.d.ts","sourceRoot":"","sources":["../../src/components/VideoPlayer.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IAC3E,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAC7B,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,QAAe,EACf,WAAkB,EAClB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAsClB"}

package/dist/components/VideoPlayer.js

@@ -2,13 +2,27 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useRef } from "react";
 export function VideoPlayer({ stream, autoPlay = true, playsInline = true, muted, ...props }) {
     const ref = useRef(null);
+    const prevStream = useRef(null);
     useEffect(() => {
-        if (!ref.current || !stream)
+        const el = ref.current;
+        if (!el)
             return;
-        ref.current.srcObject = stream;
+        // Avoid resetting srcObject if the exact same MediaStream instance is already attached.
+        if (stream && prevStream.current !== stream) {
+            el.srcObject = stream;
+            prevStream.current = stream;
+        }
+        // Kick playback on mobile where autoplay can be flaky even when muted.
+        if (stream) {
+            el.play().catch(() => {
+                /* ignore autoplay rejection; user gesture will resume */
+            });
+        }
         return () => {
-            if (ref.current)
-                ref.current.srcObject = null;
+            if (el) {
+                el.srcObject = null;
+                prevStream.current = null;
+            }
         };
     }, [stream]);
     return (_jsx("video", { ref: ref, autoPlay: autoPlay, playsInline: playsInline, muted: muted ?? stream == null, ...props }));

package/dist/components/VideoPlayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"VideoPlayer.js","sourceRoot":"","sources":["../../src/components/VideoPlayer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAM1C,MAAM,UAAU,WAAW,CAAC,EAC1B,MAAM,EACN,QAAQ,GAAG,IAAI,EACf,WAAW,GAAG,IAAI,EAClB,KAAK,EACL,GAAG,KAAK,EACS;IACjB,MAAM,GAAG,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IAElD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,GAAG,CAAC,OAAO,IAAI,CAAC,MAAM;YAAE,OAAO;QACpC,GAAG,CAAC,OAAO,CAAC,SAAS,GAAG,MAAM,CAAC;QAC/B,OAAO,GAAG,EAAE;YACV,IAAI,GAAG,CAAC,OAAO;gBAAE,GAAG,CAAC,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC;QAChD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACL,gBACE,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,IAAI,MAAM,IAAI,IAAI,KAC1B,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}
+{"version":3,"file":"VideoPlayer.js","sourceRoot":"","sources":["../../src/components/VideoPlayer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAM1C,MAAM,UAAU,WAAW,CAAC,EAC1B,MAAM,EACN,QAAQ,GAAG,IAAI,EACf,WAAW,GAAG,IAAI,EAClB,KAAK,EACL,GAAG,KAAK,EACS;IACjB,MAAM,GAAG,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IAClD,MAAM,UAAU,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IAEpD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,GAAG,CAAC,OAAO,CAAC;QACvB,IAAI,CAAC,EAAE;YAAE,OAAO;QAEhB,wFAAwF;QACxF,IAAI,MAAM,IAAI,UAAU,CAAC,OAAO,KAAK,MAAM,EAAE,CAAC;YAC5C,EAAE,CAAC,SAAS,GAAG,MAAM,CAAC;YACtB,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC;QAC9B,CAAC;QAED,uEAAuE;QACvE,IAAI,MAAM,EAAE,CAAC;YACX,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE;gBACnB,yDAAyD;YAC3D,CAAC,CAAC,CAAC;QACL,CAAC;QAED,OAAO,GAAG,EAAE;YACV,IAAI,EAAE,EAAE,CAAC;gBACP,EAAE,CAAC,SAAS,GAAG,IAAI,CAAC;gBACpB,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;YAC5B,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACL,gBACE,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,IAAI,MAAM,IAAI,IAAI,KAC1B,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@conference-kit/react",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",

package/src/components/VideoPlayer.tsx

@@ -12,12 +12,30 @@ export function VideoPlayer({
   ...props
 }: VideoPlayerProps) {
   const ref = useRef<HTMLVideoElement | null>(null);
+  const prevStream = useRef<MediaStream | null>(null);
 
   useEffect(() => {
-    if (!ref.current || !stream) return;
-    ref.current.srcObject = stream;
+    const el = ref.current;
+    if (!el) return;
+
+    // Avoid resetting srcObject if the exact same MediaStream instance is already attached.
+    if (stream && prevStream.current !== stream) {
+      el.srcObject = stream;
+      prevStream.current = stream;
+    }
+
+    // Kick playback on mobile where autoplay can be flaky even when muted.
+    if (stream) {
+      el.play().catch(() => {
+        /* ignore autoplay rejection; user gesture will resume */
+      });
+    }
+
     return () => {
-      if (ref.current) ref.current.srcObject = null;
+      if (el) {
+        el.srcObject = null;
+        prevStream.current = null;
+      }
     };
   }, [stream]);