mirror of
https://github.com/blakeblackshear/frigate.git
synced 2026-09-29 11:26:49 +03:00
* allow users to select live streaming technology * fix webrtc being downgraded to mse on load `useUserPersistence` seeds state with the default and loads asynchronously, so the first render always used `mse` instead of the saved choice, and `useWebRTCGloballyAvailable` reports `checking` until the probe settles and re-enters that state on every consumer mount, so a saved `webrtc` was rewritten to `mse` even after the probe had already passed. On Safari the MSE player then timed out and latched the jsmpeg fallback. A pending probe now counts as available, the player waits on `autoLive` until the stored preferences load, and `handleError` gates on the mode in use since the fallback flag no longer implies webrtc is untried. A rejected IndexedDB read also resolves `loaded` now, so a blocked store can't leave the player waiting forever. * add support for configurable ICE servers in WebRTC player * add mic error state, fix dialog overwriting saved choice and dashboard ignoring stream * tweaks
141 lines
3.7 KiB
TypeScript
141 lines
3.7 KiB
TypeScript
import { baseUrl } from "@/api/baseUrl";
|
|
|
|
/**
|
|
* Performs a single real WebRTC handshake against go2rtc to verify that a
|
|
* media connection can actually be established (validates candidates, port
|
|
* 8555 reachability, and STUN/TURN end-to-end). Result is cached per page
|
|
* session via a module-level promise.
|
|
*/
|
|
|
|
export type WebRTCProbeResult = {
|
|
ok: boolean;
|
|
detail?: string;
|
|
};
|
|
|
|
let probePromise: Promise<WebRTCProbeResult> | null = null;
|
|
|
|
function describeError(err: unknown): string {
|
|
return err instanceof Error ? err.message : String(err);
|
|
}
|
|
|
|
function runProbe(
|
|
testStream: string,
|
|
iceServers: RTCIceServer[],
|
|
timeoutMs: number,
|
|
): Promise<WebRTCProbeResult> {
|
|
return new Promise<WebRTCProbeResult>((resolve) => {
|
|
let settled = false;
|
|
const wsURL = `${baseUrl.replace(/^http/, "ws")}live/webrtc/api/ws?src=${testStream}`;
|
|
|
|
const pc = new RTCPeerConnection({
|
|
bundlePolicy: "max-bundle",
|
|
iceServers,
|
|
});
|
|
let ws: WebSocket | null = null;
|
|
|
|
const cleanup = (result: WebRTCProbeResult) => {
|
|
if (settled) return;
|
|
settled = true;
|
|
clearTimeout(timer);
|
|
try {
|
|
ws?.close();
|
|
} catch {
|
|
// ignore
|
|
}
|
|
try {
|
|
pc.close();
|
|
} catch {
|
|
// ignore
|
|
}
|
|
resolve(result);
|
|
};
|
|
|
|
const fail = (detail: string) => cleanup({ ok: false, detail });
|
|
|
|
const timer = setTimeout(
|
|
() => fail(`no ICE connection within ${timeoutMs}ms`),
|
|
timeoutMs,
|
|
);
|
|
|
|
pc.oniceconnectionstatechange = () => {
|
|
const state = pc.iceConnectionState;
|
|
if (state === "connected" || state === "completed") {
|
|
cleanup({ ok: true });
|
|
} else if (state === "failed" || state === "closed") {
|
|
fail(`ICE connection state: ${state}`);
|
|
}
|
|
};
|
|
|
|
pc.addTransceiver("video", { direction: "recvonly" });
|
|
|
|
try {
|
|
ws = new WebSocket(wsURL);
|
|
} catch (err) {
|
|
fail(`WebSocket to go2rtc could not be opened: ${describeError(err)}`);
|
|
return;
|
|
}
|
|
|
|
ws.addEventListener("error", () => fail("WebSocket to go2rtc errored"));
|
|
|
|
ws.addEventListener("open", () => {
|
|
pc.addEventListener("icecandidate", (ev) => {
|
|
if (!ev.candidate || !ws) return;
|
|
ws.send(
|
|
JSON.stringify({
|
|
type: "webrtc/candidate",
|
|
value: ev.candidate.candidate,
|
|
}),
|
|
);
|
|
});
|
|
|
|
pc.createOffer()
|
|
.then((offer) => pc.setLocalDescription(offer))
|
|
.then(() => {
|
|
ws?.send(
|
|
JSON.stringify({
|
|
type: "webrtc/offer",
|
|
value: pc.localDescription?.sdp,
|
|
}),
|
|
);
|
|
})
|
|
.catch((err) =>
|
|
fail(`failed to create the local offer: ${describeError(err)}`),
|
|
);
|
|
});
|
|
|
|
ws.addEventListener("message", (ev) => {
|
|
let msg: { type: string; value: string };
|
|
try {
|
|
msg = JSON.parse((ev as MessageEvent).data);
|
|
} catch {
|
|
return;
|
|
}
|
|
if (msg.type === "webrtc/candidate") {
|
|
pc.addIceCandidate({ candidate: msg.value, sdpMid: "0" }).catch((err) =>
|
|
fail(`remote ICE candidate rejected: ${describeError(err)}`),
|
|
);
|
|
} else if (msg.type === "webrtc/answer") {
|
|
pc.setRemoteDescription({ type: "answer", sdp: msg.value }).catch(
|
|
(err) => fail(`remote answer rejected: ${describeError(err)}`),
|
|
);
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
export function probeWebRTCAvailability(
|
|
testStream: string,
|
|
iceServers: RTCIceServer[],
|
|
timeoutMs: number = 5000,
|
|
): Promise<WebRTCProbeResult> {
|
|
if (!probePromise) {
|
|
probePromise = runProbe(testStream, iceServers, timeoutMs);
|
|
}
|
|
return probePromise;
|
|
}
|
|
|
|
/** Clears the cached probe result (e.g. when go2rtc config changes). */
|
|
export function resetWebRTCProbe(): void {
|
|
probePromise = null;
|
|
}
|