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

Support webrtc

Browse Source
This commit is contained in:
Nick Mowen 2022-10-15 14:04:54 -06:00
parent a3b21d448a
commit f1499f7811
3 changed files with 15 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
docker/rootfs/usr/local/nginx/conf/nginx.conf
View File

@ -170,6 +170,14 @@ http {
proxy_set_header Host $host;
}
location /restream-ws/ {
proxy_pass http://go2rtc/;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "Upgrade";
proxy_set_header Host $host;
}
location /live/ {
proxy_pass http://jsmpeg/;
proxy_http_version 1.1;

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

@ -3,11 +3,11 @@ import { useRef, useEffect } from 'preact/hooks';
let ws;
function initStream() {
console.log('Doing a thing');
ws = new WebSocket('ws://127.0.0.1:1984/api/ws?src=garage_cam');
function initStream(camera) {
//ws = new WebSocket('ws://127.0.0.1:1984/api/ws?src=garage_cam');
ws = new WebSocket(`ws://${window.location.hostname}:${window.location.port}/restream-ws/api/ws?src=${camera}`);
ws.onopen = () => {
console.log('ws.onopen');
console.debug('ws.onopen');
pc.createOffer().then(offer => {
pc.setLocalDescription(offer).then(() => {
console.log(offer.sdp);
@ -16,12 +16,9 @@ function initStream() {
});
});
}
ws.onerror = e => {
console.log("There was a ws error " + e.type);
}
ws.onmessage = ev => {
const msg = JSON.parse(ev.data);
console.log('ws.onmessage', msg);
console.debug('ws.onmessage', msg);
if (msg.type === 'webrtc/candidate') {
pc.addIceCandidate({candidate: msg.value, sdpMid: ''});
@ -65,7 +62,7 @@ function initStream() {
}
export default function WebRtcPlayer({ camera, width, height }) {
initStream();
initStream(camera);
return (
<div>
<video id='video' autoplay playsinline controls muted width={width} height={height} />

2
web/src/routes/Camera.jsx
View File

@ -123,7 +123,7 @@ export default function Camera({ camera }) {
player = (
<Fragment>
<div>
<WebRtcPlayer width={liveWidth} height={cameraConfig.live.height} />
<WebRtcPlayer camera={camera} width={liveWidth} height={cameraConfig.live.height} />
</div>
</Fragment>
)