Mirrors/blakeblackshear.frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2024-10-15 20:07:23 +02:00
Code Issues Projects Releases Wiki Activity

Fix long webrtc connections failing (#8273)

Browse Source 
* Fix webrtc timing out

* Only close pc
This commit is contained in:
Nicolas Mowen 2023-10-22 12:34:56 -06:00 committed by GitHub
parent 9df5927ac5
commit cff4b9651f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
web/src/components/WebRtcPlayer.jsx
View File

@ -1,11 +1,8 @@
import { h } from 'preact';
import { baseUrl } from '../api/baseUrl';
import { useCallback, useEffect } from 'preact/hooks';
import { useMemo } from 'react';
export default function WebRtcPlayer({ camera, width, height }) {
const url = `${baseUrl.replace(/^http/, 'ws')}live/webrtc/api/ws?src=${camera}`;
const ws = useMemo(() => new WebSocket(url), [url])
const PeerConnection = useCallback(async (media) => {
const pc = new RTCPeerConnection({
iceServers: [{ urls: 'stun:stun.l.google.com:19302' }],
@ -59,8 +56,8 @@ export default function WebRtcPlayer({ camera, width, height }) {
}
}
const connect = useCallback(async () => {
const pc = await PeerConnection('video+audio');
const connect = useCallback(async (ws, aPc) => {
const pc = await aPc;
ws.addEventListener('open', () => {
pc.addEventListener('icecandidate', (ev) => {
@ -85,19 +82,18 @@ export default function WebRtcPlayer({ camera, width, height }) {
pc.setRemoteDescription({ type: 'answer', sdp: msg.value });
}
});
ws.addEventListener('close', () => {
pc.close();
})
}, [PeerConnection, ws]);
}, []);
useEffect(() => {
connect();
const url = `${baseUrl.replace(/^http/, 'ws')}live/webrtc/api/ws?src=${camera}`;
const ws = new WebSocket(url);
const aPc = PeerConnection('video+audio');
connect(ws, aPc);
return () => {
ws.close();
return async () => {
(await aPc).close();
}
}, [connect, ws]);
}, [camera, connect, PeerConnection]);
return (
<div>