I have 2 dashboards as on the attached screenshots which shows view from 2 foscam cameras (each for one room) which I use to keep an eye on my children. 1 smaller and 1 bigger image combination depending on selected dashboard (each for one room).
In order to switch cameras I use Button widget (labeled as “PRZELACZ WIDOK”) which just navigates to the other dashboard showing exchanged view of cameras and different switches.
Both cameras provide MJPEG streams which are supported by Image widget. However Image widget doesn’t provide possibility for editing exact picture size. Also Image widget does not provide options “Don’t wrap in container” and “No background”. Therefore I decided to use Template widget.
The code in Template widget is as follows:
<a href="/habpanel/index.html#/view/Pokoj"><img src ="http://192.168.1.13:8888/cgi-bin/CGIStream.cgi?cmd=GetMJStream&usr=xxx&pwd=xxx" height="720" width="960" ></img></a>
Now, the ideas I’d like to implement are:
- Instead of using Button to switch between 2 panels I would like to just click on any of Template widgets to switch between cameras view.
- Due to MJPEG streams get lost sometimes i need something to refresh stream when it stops and here I see 2 options:
a) The easy way would be to refresh stream frequently in the same way as it is embedded in Image widget,
b) Best way would be to monitor MJPEG stream and refresh it when it failed.
Can anybody help me develop this, or at least can someone point me to the correct direction?
I’m not software developer but I’m keen to learn.