Blue Iris UI3

giomania

IPCT Contributor
Joined
Jun 1, 2017
Messages
780
Reaction score
538
LOL. Sometimes I think I spend more time developing this than Ken spends developing Blue Iris.
Did I read somewhere that BI will be coming out with a major release (v5?)before the end of the year?


Sent from my iPhone using Tapatalk
 

bp2008

Staff member
Joined
Mar 10, 2014
Messages
12,666
Reaction score
14,005
Location
USA
Did I read somewhere that BI will be coming out with a major release (v5?)before the end of the year?
That is what I was told might happen. Whether it would be before or after the end of the year was unspecified. Of course you have to take all of this with a grain of salt because Ken told me the same thing in 2016 and obviously Blue Iris v5 didn't get released last December either. ;)

Ken could have just as easily meant major version to mean version 4.7, too.
 
Joined
Dec 7, 2017
Messages
3
Reaction score
0
Location
Excitingville
Been using ui2 since about May and now checking this one out I'm impressed again.

First. I agree with the larger thumbnail options as I mouse over those to get a feel for what's there pretty often and its hard to see anything on a tic-tac size screen.

Second, how much of a pain would it be to make it web app capable? I have a tablet on the wall of my house I would like to have it load up on and auto cycle but it would be awesome in full screen with no chrome headers/tabs. I tried to do the "add to home screen" in chrome on android but it still opens in a chrome tab.

Thanks very much for all your work! This is so much nicer than stock BI web interface.

Tony
 

bp2008

Staff member
Joined
Mar 10, 2014
Messages
12,666
Reaction score
14,005
Location
USA
Second, how much of a pain would it be to make it web app capable? I have a tablet on the wall of my house I would like to have it load up on and auto cycle but it would be awesome in full screen with no chrome headers/tabs. I tried to do the "add to home screen" in chrome on android but it still opens in a chrome tab.
What is "web app capable"?

Sounds like you just want to full-screen the browser. That option is in Chrome's menu. Or F11 key.

You can also use UI3's fullscreen button in the lower right corner of the UI, or press tilde to accomplish the same thing. CTRL + tilde toggles the side and top bars.
 

gleep52

Young grasshopper
Joined
Sep 8, 2014
Messages
74
Reaction score
3
UI3 doesn't have that, and I'm not planning to add it :)
Is this because of something Ken plans on changing? We have six servers we use right now and use the multiserver thing religiously. Any reason for leaving it out? :(
 

bp2008

Staff member
Joined
Mar 10, 2014
Messages
12,666
Reaction score
14,005
Location
USA
I added that feature to UI2 because I wanted to be able to connect to servers that didn't have UI2 on them, and to ease the update process (so people wouldn't have to install every UI2 update on every server they used). But since UI3 is going to be distributed with Blue Iris, that is a non-issue. Every BI installation will have UI3. Also, there is a matter of maintaining compatibility. It is easier to maintain UI3 if I don't have to make sure it is compatible with every version of Blue Iris that someone might try to connect it to. It only has to be compatible with the version it got distributed with.

I suggest just bookmarking all of the servers. It will be basically the same thing as the old server list, except you'll change servers via the browser bookmarks instead of by clicking the system name.
 

gleep52

Young grasshopper
Joined
Sep 8, 2014
Messages
74
Reaction score
3
It just doesn't feel as complete of a package that way :(

Oh well... thanks for your hard work. Maybe Ken can tie servers together anyway and it'll be a mute point...?
 
Joined
Dec 7, 2017
Messages
3
Reaction score
0
Location
Excitingville
What is "web app capable"?

Sounds like you just want to full-screen the browser. That option is in Chrome's menu. Or F11 key.

You can also use UI3's fullscreen button in the lower right corner of the UI, or press tilde to accomplish the same thing. CTRL + tilde toggles the side and top bars.
I am using it on an android tablet, severly lacking an F11 key. The full screen toggle opens the camera in full screen mode but hides the controls.

A web app is set up in a way that when you open the chrome menu and click "add to home screen" the app now becomes somewhat self contained. Although it opens in chrome the browser portion is not visible any longer. So one icon click gives instant full screen without browser clutter than isn't needed. I have a few apps that work this way like HABPanel and Organizr. It would just be nice to have your interface work as an android app for all intents and purposes.

Web Apps | Android Developers


Edit

Increasing Engagement with Web App Install Banners  |  Web  |  Google Developers
 
Last edited:

Swynol

n3wb
Joined
Dec 8, 2017
Messages
7
Reaction score
1
Location
Wales
anyone got this working behind a reverse proxy?
Trying with NGINX, the old Web interface worked fine. with UI3 i get too many redirects and it doesnt load the login screen.
 
Joined
Dec 7, 2017
Messages
3
Reaction score
0
Location
Excitingville
anyone got this working behind a reverse proxy?
Trying with NGINX, the old Web interface worked fine. with UI3 i get too many redirects and it doesnt load the login screen.
I am behind nginx as well. Not using this log in though so thats different.
 

genoze

n3wb
Joined
Dec 8, 2017
Messages
4
Reaction score
0
Would like to try UI3. Where do I download?
I'm assuming this is the responsive version, true?
If so, is it based on bootstrap?
 

bp2008

Staff member
Joined
Mar 10, 2014
Messages
12,666
Reaction score
14,005
Location
USA
I am using it on an android tablet, severly lacking an F11 key. The full screen toggle opens the camera in full screen mode but hides the controls.

A web app is set up in a way that when you open the chrome menu and click "add to home screen" the app now becomes somewhat self contained. Although it opens in chrome the browser portion is not visible any longer. So one icon click gives instant full screen without browser clutter than isn't needed. I have a few apps that work this way like HABPanel and Organizr. It would just be nice to have your interface work as an android app for all intents and purposes.

Web Apps | Android Developers


Edit

Increasing Engagement with Web App Install Banners | Web | Google Developers
I will look into this. Thanks.

anyone got this working behind a reverse proxy?
Trying with NGINX, the old Web interface worked fine. with UI3 i get too many redirects and it doesnt load the login screen.
I'm sure you've just configured something wrong. To know what, we'd need to see your Blue Iris web server directory structure and your nginx configuration.

I am behind nginx as well. Not using this log in though so thats different.
Good to hear.

Would like to try UI3. Where do I download?
I'm assuming this is the responsive version, true?
If so, is it based on bootstrap?
First post. It is responsive. The help file is based on bootstrap, but the main UI is not.
 

bp2008

Staff member
Joined
Mar 10, 2014
Messages
12,666
Reaction score
14,005
Location
USA
Beta b16 is available in the first post.

Changes include:
  • No more error message when setting a PTZ preset.
  • PTZ preset thumbnails now save in the correct slot (requires Blue Iris 4.6.5.2 or newer!).
  • UI3 has a new icon (it may change again before official release).
  • UI3 now behaves more like a native app when a link is saved to your home screen (Android or iOS).
 

Swynol

n3wb
Joined
Dec 8, 2017
Messages
7
Reaction score
1
Location
Wales
I will look into this. Thanks.



I'm sure you've just configured something wrong. To know what, we'd need to see your Blue Iris web server directory structure and your nginx configuration.
I extracted the zip into the www folder of blue iris.

my nginx config is

##CCTV Server##

server {
listen [::]:443 ssl;
listen 443 ssl;
server_name cctv.mydomain.com;

include ssl.conf;

location / {
proxy_pass http://192.168.60.10:8099/ui3beta/ui3.htm;
proxy_hide_header X-Powered-By;
proxy_set_header Range $http_range;
proxy_set_header If-Range $http_if_range;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header Host $host;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
location ^~ /.well-known/acme-challenge/ {
}
}


page fails to load in chrome and i.e.

if i use proxy_pass http://192.168.60.10:8099

new login page sort of loads but i get the error

https://imgur.com/90NbpFU.jpg
 

bp2008

Staff member
Joined
Mar 10, 2014
Messages
12,666
Reaction score
14,005
Location
USA
You were correct in your change, the proxy_pass line should be:

Code:
proxy_pass http://192.168.60.10:8099/;
Your attached screenshot included your public address so I connected and the Chrome developer console reveals that your proxy server is removing the content-type response header which causes Chrome to refuse to execute the main javascript file for the login page. I'm not sure why this is happening unless you stripped stuff out of the configuration you posted.

You should edit your post and remove that attachment ;)
 
Top