:video_camera: Google Chrome IP-Camera Viewer Extension
Google Chrome IP-Camera Viewer Extension
Add your Camera to src/data/cameraModels.json and create a pull-request.
I will publish a new version with your camera model.
When creating a new camera, don’t select any model, simply enter your stream address.
npm install -g yarn
yarn
npm run start
chrome://extensions/
Developer mode
Load unpacked extension
build
folderRender an MJPEG Stream or JPEG’s in a HTML < img > tag with the credentials in the Stream URL is not possible due to Chrome security polices.
My first approach was to use chrome.webrequest.onBeforeSendHeaders() to add the credentials to the authorization header of the HTTP request.
I think this is not the best approach since you need to filter the requests of the addon (cameras) from all request the browser made.
This requires the permission “browsingData” (be able to see all requests from the browser) which does no comply with data protection guidelines.
So we have to use XML-HTTP-Requests (fetch) to be able to add credentials to the header.
The only implementation i found was mjpeg-readale-stream.
But it was not peformant enough for daily use.
Their is very little information on how to fetch a mjpeg-readable stream and render it to an < img > tag.
If you can help me with this topic, dont hesitate to contact me.
See the LICENSE file for license rights and limitations (MIT).