Live video on the AT Protocol
stream.place
Merge pull request #524 from streamplace/natb/fix-frame-capture
golive: get frame capture working for thumb submission
+13
-4
js/app/hooks/useCaptureVideoFrame.ts
+13
-4
js/app/hooks/useCaptureVideoFrame.ts
···
1
-
import { useVideoElement } from "contexts/VideoElementContext";
2
import { useCallback } from "react";
3
-
import { isWeb } from "tamagui";
4
import { captureVideoFrame } from "utils/videoCapture";
5
6
/**
···
12
* @returns A function that captures a frame from the video element
13
*/
14
export function useCaptureVideoFrame() {
15
-
const videoElement = useVideoElement();
16
17
const captureFrame = useCallback(
18
async (maxWidth = 1280, quality = 0.85): Promise<Blob | null> => {
19
-
if (!isWeb || !videoElement) {
20
console.warn("Video element not available or not on web platform");
21
return null;
22
}
···
1
+
import { usePlayerStore } from "@streamplace/components";
2
import { useCallback } from "react";
3
import { captureVideoFrame } from "utils/videoCapture";
4
5
/**
···
11
* @returns A function that captures a frame from the video element
12
*/
13
export function useCaptureVideoFrame() {
14
+
const ref = usePlayerStore((state) => state.videoRef);
15
+
16
+
// if ref is a function return null
17
+
if (typeof ref === "function") {
18
+
console.warn(
19
+
"Video ref is a function (native player), cannot capture frame",
20
+
);
21
+
return null;
22
+
}
23
+
24
+
const videoElement = ref?.current;
25
26
const captureFrame = useCallback(
27
async (maxWidth = 1280, quality = 0.85): Promise<Blob | null> => {
28
+
if (!videoElement) {
29
console.warn("Video element not available or not on web platform");
30
return null;
31
}