VMS-frontend/README.md
2024-03-14 21:09:59 +07:00

53 lines
2.1 KiB
Markdown

# Features
- Main page: Filter cameras using a search function.
- Main page: Filter cameras by host.
- Main page: Automatically update images.
- Main page: Optimized for mobile view.
- Live camera view page.
- Recordings page: Filter recordings by host, camera, and date.
- Recordings page: Options to play, download, and share videos.
- Recordings player page.
- Access settings page: Configure which cameras are allowed and which are not.
- Frigate config editor page: Save and restart configuration using JSON schema from the host.
- Frigate system page: Display camera capture, ffmpeg, and decode stats. Show camera recordings storage stats.
- Admin pages access control: Restrict access to certain pages for administrators only.
- OpenID provider authorization using JWT tokens.
# Instruction
Frontend for [Proxy Frigate](https://github.com/NlightN22/frigate-proxy)
- create file: `docker-compose.yml`
```yml
version: '3.1'
services:
front:
image: oncharterliz/multi-frigate:latest
environment:
FRIGATE_PROXY: http://localhost:4000
OPENID_SERVER: https://server:port/realms/your-realm
CLIENT_ID: frontend-client
ports:
- 80:80 # set your port here
```
- run:
```bash
docker compose up -d
```
For https connections you can use reverse proxy
# Example
![Main Page](example/screens/MainPage_1.png)
![Main Page](example/screens/MainPage_2.png)
![Main Page](example/screens/RecordingsPage_1.png)
![Main Page](example/screens/RecordingsPage_2.png)
![Main Page](example/screens/RecordingsPage_3.png)
![Main Page](example/screens/RecordingsPage_4.png)
![Main Page](example/screens/RecordingsPage_5.png)
![Main Page](example/screens/LiveCameraPage.png)
![Main Page](example/screens/SettingsPage.png)
![Main Page](example/screens/VideoPlayerPage.png)
![Main Page](example/screens/FrigateConfigPage.png)
![Main Page](example/screens/FrigateServersPage_1.png)
![Main Page](example/screens/FrigateServersPage_2.png)
![Main Page](example/screens/FrigateStatsPage_1.png)
![Main Page](example/screens/FrigateStatsPage_2.png)
![Main Page](example/screens/FrigateStatsPage_3.png)
![Main Page](example/screens/AccessSettingsPage_1.png)