I made a better remote-live-view page [OLD]
- Thread starter bp2008
- Start date
Q™
IPCT Contributor
A bad choice of words on my part: definitely not "needed" rather -- IMO -- the presentation of the icons in the top portion of the current ui2 layout could look better. The ui2 functionality is beyond superb, however the layout is a tad fugly...IMO. I'll try to find the time to prepare a mock-up with a different group of icons and you can decide to either change the layout or tell me to fuQ off. Or you could save me a bunch of time and tell me to fuQ off now!
Maybe hotkeys to cycle between cameras when single camera is displayed (to avoid having to click and select other camera in multi camera view).
Thanks,
Tom
Thanks,
Tom
Q™
IPCT Contributor
Here's a mockup of an idea for a redesigned BRLV interface...with a few new "Server Status" features too...
Q, that is so much more than I was expecting. I like what you have designed. But a change of this scale warrants a full rewrite, not just a reskinning of UI2. I wish I had the time and motivation to build it. (maybe I'll make the time, lol).
A few comments:
- This looks so clean and simple!
- Blue Iris doesn't say anything about how much memory is available, or how much is used by other applications. Maybe Ken would be willing to add such information if requested though. Otherwise the MEM bar would only be able to show BI's usage in MB/GB. Also not sure about the DISK usage since that disk usage string often has negative numbers and I don't understand it.
- Where would PTZ preset buttons go?
- What would the Alerts/Clips tabs look like? What happens to the PTZ controls when not on a PTZ camera, or when on Alerts/Clips(grey them out but leave them there?)?
- What would be the purpose of the "Layout" button? I don't have any control over the camera layout if that is what you had in mind.
This would be possible, but I don't think hotkey navigation would be very convenient on a system with a lot of cameras... partly because there is an unavoidable lag while you wait for the next image to load, and it would just feel unresponsive. Thanks for the suggestion though.
Thank you for the compliments there BP2008. I was the one who designed the mockup and Q posted it for us all to see. I went ahead and answered your questions in the reply above. I would be ecstatic if you took on the work needed to make this for us all.
Ah, well it is very good work! Looks like the stuff that paid UI designers would come up with. What about those icons you used in the mockup? Are those available for use in full resolution (I like to use graphics that are 2x the normal display resolution, so they look good on high DPI displays)?
I'd love to see it.
As you know, in UI2 these elements disappear when they are not applicable. I don't really like how this rearranges the layout though. Items don't always remain in a predictable position.
I once had a page set up to do this, years ago, but it is a lot more complex and it can't maintain good frame rates because a browser will only make up to 6 concurrent connections with any given host and I don't think that iframes let you work around this limitation. My Java app has no such limitation though, and works that way, so I am quite aware of the benefits
Q™
IPCT Contributor
I believe that everyone would would be ecstatic Rupp!
How about everyone antes up $25.00 to make ol' BP feel some pressure to code it!
I'm in! $25 buckeroonies commin' at you from Q™ Beep!
Keep the dough even iof you don't code it BP...and feel the love bro!
https://www.paypal.me/bp2008
Update uploaded, adding a few recently requested features.
v0.9.8 - 2016-01-30
+ Added a flag icon to clips that are flagged.
+ Added a context menu item to clips that lets you flag a clip.
+ Added a context menu to clips that initiates a file download of the clip.
+ Added a "Take Snapshot" context menu item that has Blue Iris save a snapshot from the selected camera.
* Fixed a bug where PTZ buttons could take effect on a PTZ camera while a recording from it is being viewed.
As always, the update is available in the first post of this thread. https://www.ipcamtalk.com/showthread.php/93-I-made-a-better-remote-live-view-page
| <-- To use this context menu, hold the left mouse button down for a second. Sorry if it doesn't work on touchscreens. |
v0.9.8 - 2016-01-30
+ Added a flag icon to clips that are flagged.
+ Added a context menu item to clips that lets you flag a clip.
+ Added a context menu to clips that initiates a file download of the clip.
+ Added a "Take Snapshot" context menu item that has Blue Iris save a snapshot from the selected camera.
* Fixed a bug where PTZ buttons could take effect on a PTZ camera while a recording from it is being viewed.
As always, the update is available in the first post of this thread. https://www.ipcamtalk.com/showthread.php/93-I-made-a-better-remote-live-view-page
I made all the icons in Illustrator when I did the mockup and could easily put them out in SVG files or any icon size that is needed... that is the easy part
I think the grey out part would make sense in this case. By doing it this way the UI elements don't have to come and go depending on the UI state. Ill get the missing control into the mockup come Monday.
It really is a shame that there isn't a way that provides a little better layout control for the All Camera view. In my particular case, I have 5 cameras in my BI setup that are of varying resolutions. When they are displayed in UI2 there is so much wasted space because there is no special control given to make any of the cameras bigger/smaller.I once had a page set up to do this, years ago, but it is a lot more complex and it can't maintain good frame rates because a browser will only make up to 6 concurrent connections with any given host and I don't think that iframes let you work around this limitation. My Java app has no such limitation though, and works that way, so I am quite aware of the benefits
Blue Iris does let you change the resolution of the group streams, and between that and being able to drag the cameras around in Blue Iris itself, you can probably get them to lay out more efficiently.
- - - Updated - - -
I made all the icons in Illustrator when I did the mockup and could easily put them out in SVG files or any icon size that is needed... that is the easy part
SVGs are nice. I know my way around inkscape.
I'm a new BlueIris user, and I've just run across your UI2 enhancements. Downloaded the ZIP package you apparently just uploaded earlier this evening, unzipped it into my BI 'www' subfolder, then went to my BI webview URL and tried to login... and it's busted. I think you forgot to include one or more files in your ZIP package, and/or you introduced a login bug someplace.
*** EDIT ***
Nevermind, apparently I needed to go to http://myserver/ui2.htm rather than just http://myserver/ui2. Now it's working. Sweet!
Last edited by a moderator:
Q™
IPCT Contributor
Made some changes to the Live View screen with the addition of PTZ Control and a zoom in/out on the top dial.
Here is the Alerts tab mocked up. Might need some thought into how to filter flagged events now that you have added this capability. Also, I have to think about auto play feature and where that will go. Currently I think auto play should be a toggle on the left panel perhaps, but still thinking about it.
Let me know what you all think.
Here is the Alerts tab mocked up. Might need some thought into how to filter flagged events now that you have added this capability. Also, I have to think about auto play feature and where that will go. Currently I think auto play should be a toggle on the left panel perhaps, but still thinking about it.
Let me know what you all think.