https://github.com/mpolinowski/html_ws_client

Websocket client for the INSTAR IP camera videostream
https://github.com/mpolinowski/html_ws_client

html5-video websocket websocket-client

Last synced: about 1 month ago
JSON representation

Websocket client for the INSTAR IP camera videostream

• Host: GitHub
• URL: https://github.com/mpolinowski/html_ws_client
• Owner: mpolinowski
• Created: 2021-10-05T05:42:09.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2022-12-08T11:11:58.000Z (over 3 years ago)
• Last Synced: 2025-06-26T10:50:41.109Z (12 months ago)
• Topics: html5-video, websocket, websocket-client
• Language: HTML
• Homepage: https://mpolinowski.github.io/devnotes/2021-09-08--websockets-html-video
• Size: 688 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Websocket Video Client

This is a frontend client for the INSTAR WQHD (`IN-9408 2k+`) camera websocket server. It connects to the server and displays the camera's live video stream inside an HTML5 video tag.

![Websocket Video Client](./ws_html_video_01.png)

## Usage

1. Open the HTML file inside your web browser (or drop it and the 2 `.js` and logo `.svg` file into the public dir of a web server).

2. The page needs an internet connection to download the necessary Bootstrap 5 and Notie.js files (but you can also re-link them from a local location).

3. Type in the IP address, port and websocket URL of your INSTAR camera.

4. Click on the blue Connect button and then send the `Start` signal with the green Send Message button.

* [see also full article](https://mpolinowski.github.io/devnotes/2021-09-08--websockets-html-video)

* [NGINX WebProxy for your camera stream](https://github.com/mpolinowski/docker_ws_video_proxy)