Add webcam streams to keyboard webpage

[ando1]

I have several IP cameras and use Blue Iris software to monitor them. I am able to access Blue Iris with a standard http://<IP>:<port>. I am wondering if it is possible to embed this page into the keyboard webpage so I can view my cams on the same site? If so would this be a simple thing that a non-programmer person like myself could do?


Thanks,

Andy

[kevin]

You could easily add an iframe to any of the template pages:

<iframe src="http://your.camera.location" width="how wide" height="how tall"></iframe>


It is not something we are likely to implement unless there is overwhelming demand. There's too many 3rd party systems to take into account and just implementing one does not benefit but a small subset of users. You are more than free to put it inside any of the templates you wish - just realize that software updates become a little more complex once you modify your local files.


Do note that due to limited real estate on the keypad page, it might be fun

[mathewss]

I think it would be trivial to add the option to embed some custom html into a div tag on the UI. This would be a problem for small screens so how to use this on all devices will take some braining.

http://www.ipcamtalk.com/showthread.php ... ing-1-Line

Kevin your thoughts?

Re
Sean M

[mathewss]

I have some demand :c).. Looks like we posted at about the same time.

Ya I would love to see my cams on my own screens at home so I vote yes on the feature :c) and I am sure many others would agree especially how security video feeds imho tie in closely with security. Ie who is at the front door should I push the panic button? or just disarm and let them in.

Re
SM

[kevin]

If we don't have to worry about integration with any systems and just provide a place to put a url to the camera system then it is trivial and we can do it no problem - maybe a toggle interface between keypad and camera where one gets hidden out of the way for the other one when in view to maximize real estate, or a whole new section for camera view itself.

[kevin]

Hey buddy,

Just wanted to let you know I'm almost done implementing this feature where you can embed some html that points to your cam server, all I need to do is setup a camera to test and finish up the templates. You will be able to add individual cameras and have a "tab" structure to select which one to view - i plan to also have a tab that contains a view of all cameras at once but that could be bandwidth intensive so we'll see how that goes.

The custom buttons interface will be available below the cameras in this view - so you can create panic etc buttons and reach them easily from this interface.

It will support most systems with jpeg/mjpeg support (blue iris as you mention has this) and you would just input something as such:

<img src="http://IPADDRESS:port/image/[CHANNEL]" width="width" height="height"/>

where [CHANNEL] is the camera channel, into the new camera interface

Will let you know when I push something up to the github!

[kevin]

The alarmdecoder-webapp dev branch has the new feature which allows you to add security camera views - do note that chrome has broken mjpeg features so this will not work with chrome - it does work with firefox, ipad safari, android browser no issue.

Thanks,
Kevin

[ando1]

Hey Kevin,

Sorry I have not been monitoring this thread for a bit but just saw your post on the new build. That is great news! Thanks again for all the help and support that you have been providing. Will there be a new image for this build or will I need to update from the github repo when it is posted?

Looking forward to testing this out!

Thanks,
Andy

[kevin]

There will always be a new image when we do a major release - but we always strive to have existing installations upgradable via the web interface.

Camera support is rudimentary in the dev branch - going to end up reworking the code for that in the near future, so this revision of it probably will never make it into master - if you would like to use it now, you will have to switch to the dev branch.

Thanks,
Kevin

[kevin]

Just an update - a new version was pushed to github today containing IP camera support. You are able to add cameras, and if a face is detected in the camera it is highlighted - we will do something with this at some point, perhaps configurable notifications for faces that are detected in cameras where the detected face frame is sent to email or something. At the moment, you are able to view your cameras from the web app with a simple interface. Currently IP cameras are supported only.

It also contains plethoras of new ways to get notifications.