administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-11-16 02:23:02 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

hold the last frame on screen when the live mode changes

Browse Source 
Turning on two-way talk while watching MSE switched the player to WebRTC and showed a buffering spinner until WebRTC played. The frame capture now runs on a mode change as well as a stream change, so the outgoing frame stays up until the new player plays.
This commit is contained in:
Josh Hawkins
2026-11-15 11:47:36 -06:00
parent b29efdeae1
commit 58622a2a3c
1 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/components/player/LivePlayer.tsx
+11 -11
View File
@@ -238,20 +238,20 @@ export default function LivePlayer({
cameraActive,
]);
useEffect(() => {
setLiveReady(false);
}, [preferredLiveMode]);
const [key, setKey] = useState(0);
// the stream is part of the MSE and WebRTC keys, so a stream change
// remounts them in the same render and the new player is hidden until it
// plays. jsmpeg plays the camera, not the stream, and keeps playing
const [renderedStream, setRenderedStream] = useState(streamName);
// a stream or mode change remounts the player in the same render, and the
// new player is hidden until it plays. jsmpeg plays the camera, not the
// stream, so a stream change alone keeps it playing
const [renderedPlayer, setRenderedPlayer] = useState({
stream: streamName,
mode: preferredLiveMode,
});
const [switchFrame, setSwitchFrame] = useState<HTMLCanvasElement>();
if (renderedStream !== streamName) {
setRenderedStream(streamName);
if (preferredLiveMode !== "jsmpeg") {
const modeChanged = renderedPlayer.mode !== preferredLiveMode;
if (modeChanged || renderedPlayer.stream !== streamName) {
setRenderedPlayer({ stream: streamName, mode: preferredLiveMode });
if (modeChanged || preferredLiveMode !== "jsmpeg") {
setLiveReady(false);
// the old video is still in the DOM until this render commits, so its