https://github.com/sunvas/cameras

A simple video surveillance single-page application for reading webrtc streams from mediamtx
https://github.com/sunvas/cameras

camera mediamtx surveillance

Last synced: about 2 months ago
JSON representation

A simple video surveillance single-page application for reading webrtc streams from mediamtx

• Host: GitHub
• URL: https://github.com/sunvas/cameras
• Owner: Sunvas
• License: mit
• Created: 2024-03-29T03:25:09.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-08-20T01:26:45.000Z (almost 2 years ago)
• Last Synced: 2025-02-28T04:12:36.746Z (over 1 year ago)
• Topics: camera, mediamtx, surveillance
• Language: CSS
• Homepage:
• Size: 4.07 MB
• Stars: 2
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md
  • License: LICENSE

Awesome Lists containing this project

README

          
## Cameras — *a simple video surveillance single-page application for reading webrtc streams from mediamtx*

||||

|-|-|-|

> [!IMPORTANT]

> #### It is implied that:

> 1. You have properly functioning hosting with reachable domain `https://example.com` .

> 2. You have already configured [mediamtx](https://github.com/bluenviron/mediamtx) and it is possible to read streams by visiting `https://www.example.com:8889/stream` .

#### Deployment:

1. Upload contents of `build` folder to `https://example.com/cameras/` .

2. Restrict access to `https://example.com/cameras/restricted/` via http authentication .

3. Configure file `https://example.com/cameras/restricted/cameras.json` :

	- `caption` - will be displayed on application's header.

	- `host` - specifies domain and port where mediamtx server is run.

	- `streams` - array of arrays of streams where

		- `caption` specifies stream caption for humans

		- `stream-name` specifies stream name on mediamtx server

		- `material-icon` specifies stream icon from [Material Icons](https://fonts.google.com/icons) collection.

		- in addition you can rotate stream display clockwise or counterclockwise providing fourth element like `{"rotate":90}` or `{"rotate":-90}`.

4. Edit files `https://example.com/cameras/restricted/index.php` and `https://example.com/cameras/auth.php`: replace `your_secret_key_should_be_here` by your own private secret key (should be equal for both files).

5. In your `mediamtx.yml` find parameter `authHTTPAddress` and set there the link `https://example.com/cameras/auth.php`.