I made a better remote-live-view page [OLD]

jclguru said:
Question:

On the left hand column, where the Alerts are...the 5th line is cut off. I'm assuming that's the
time. Any way to make those fonts smaller so I can see all of the text...or maybe change the
date format?

Thanks
Doug
Click to expand...

Hmm. This is caused by the region/localization settings on the computer running the web browser. What country/region is your PC set for?

Perhaps I should change this code to output a more predictable date and time format, even if it isn't the standard for the country the user lives in?

Oblique said:
Thank you bp2008, for this terrific interface. A small token of appreciation is on its way.
Click to expand...

Thanks!
 
jclguru said:
Question:

On the left hand column, where the Alerts are...the 5th line is cut off. I'm assuming that's the
time. Any way to make those fonts smaller so I can see all of the text...or maybe change the
date format?

Thanks
Doug
Click to expand...

I have coded UI2 such that the next release will always output the date in the format: YYYY/MM/DD HH:MM:SS AM/PM

In the meantime, you can override the existing functionality by creating a file named ui2-local-overrides.js in the ui2 directory and pasting in the following code. This code will stop working in the next release.

Code: 
// Customize date localization string.
Date.prototype.toLocaleString = function ()
{
	var date = this;
	var ampm = "AM";
	var hour = date.getHours();
	if (hour == 0)
	{
		hour = 12;
	}
	else if (hour == 12)
	{
		ampm = "PM";
	}
	else if (hour > 12)
	{
		hour -= 12;
		ampm = "PM";
	}
	var s = date.getFullYear() + "/" + (date.getMonth() + 1) + "/" + date.getDate() + " " + hour + ":" + date.getMinutes().toString().padLeft(2, '0') + ":" + date.getSeconds().toString().padLeft(2, '0') + " " + ampm;
	return s;
};
 
Thanks. I'll give it a shot today.

As far as my locale, I'm in Ohio, so nothing really odd there.

Doug
 
I've uploaded an update.

v0.9.6 - 2016-01-08
+ Added a "Save Snapshot" button, which you can click to download a copy of the currently loading video frame in full resolution and quality.
+ Added a frame rate counter, which you can enable in Options > Top Bar.
+ Replaced the 3rd party dialog box code with my own code, which is much simpler and works better.
+ Added the ability to draw video to an html5 <canvas> element as an alternative to the <img> element. The canvas has little practical purpose at this time, but enables the image data to be manipulated by script.
+ Added a simple video filtering system which allows the user to choose between a set of predefined video filters, or write their own with JavaScript. Requires canvas drawing to be enabled.
* Changed the date and time formatting used in the clip list so it is now independent of the browser locale. The format is now YYYY/MM/DD hh:mm:ss [AM|PM].
 
  • Like
Reactions: Harrywho, piconut and Q™
broper30 said:
Sorry if I have overlooked it, but where do I locate the new version 0.9.6?
Click to expand...

In the first post of this thread is where the download link is kept.

baraider said:
Any option to keep logged in to this page. I got logged out very so often.
Click to expand...

I don't know why you get logged out. The page does not attempt to log you out. Perhaps Blue Iris is crashing on your server.
 
bp2008 said:
I don't know why you get logged out. The page does not attempt to log you out. Perhaps Blue Iris is crashing on your server.
Click to expand...
This is what happens after a while. I have to refresh the page and presented with a log in box again.
Mac OS, Chrome.

Screen Shot 2016-01-12 at 11.07.09 AM.png
 
baraider said:
This is what happens after a while. I have to refresh the page and presented with a log in box again.
Mac OS, Chrome.

View attachment 7563
Click to expand...

First, that page (jpegpull.htm) is not mine. That is one of Blue Iris' built-in pages and contains none of my enhancements.

My earlier suspicion remains, I think Blue Iris may be crashing periodically on your server. That would cause the session to suddenly expire, resulting in the behavior you see. Try updating Blue Iris to the latest version, and make sure your Blue Iris machine is not running out of memory or running higher than about 80% CPU utilization.

If you use the page I wrote, ui2.htm (download from the first post of this thread) then it may be able to automatically recover for you after this failure.
 
DokkenVersusChicken said:
my UI2 page is stuck on "loading clip list BUSY" and won't seem to progress. Any tips?
Click to expand...

jclguru's advice is the first step. Re-install the ui2 files and then refresh the page in your browser.

If it does not solve the problem, then I'll need you to open your browser's developer tools and copy the errors shown in the console. To open developer tools in Firefox or Chrome, press CTRL + i. In Internet Explorer or Edge, press F12. Then open the "Console" tab in the developer tools. Finally, refresh the page (F5) to ensure that all errors appear in the console.

Some 404 errors are to be expected, for ui2-local-overrides.css and ui2-local-overrides.js. Any other error is usually an indication of what went wrong.
 
I love your interface. A few days ago I noticed that I was experiencing problems with opening it in Firefox. I've spent the last few days going through my routing, port forwarding, etc and everything's working properly. I also updated BI to version 4.2.8.2 and also downloaded the updated UI2 (0.9.6) files because the interface said there was an update.

Since then I have experienced the following anomalies (screenshots attached):

Chrome - Just shows a blank screen even though it allows a login.

Edge - After login content can't be shown in frame. If I select "Open this in a new window", it loads in a new tab.

Firefox - Same as Chrome, blank screen.

Internet Explorer 11 - Same as Edge.

Opera - Same as Edge and IE11.

localhost works great!

Has anyone else experienced this? Where should I start looking? I had a friend try to access the site from across the country and they're experiencing the same difficulties.

Thanks in advance for any insight you can provide!
 
bp2008 said:
I've uploaded an update.

v0.9.6 - 2016-01-08
+ Added a "Save Snapshot" button, which you can click to download a copy of the currently loading video frame in full resolution and quality.
Click to expand...
@bp2008 Would it be possible in a future update to add a hotkey option to the save snapshot feature? Thanks!
 
Last edited by a moderator:
bp2008 said:
jclguru's advice is the first step. Re-install the ui2 files and then refresh the page in your browser.

If it does not solve the problem, then I'll need you to open your browser's developer tools and copy the errors shown in the console. To open developer tools in Firefox or Chrome, press CTRL + i. In Internet Explorer or Edge, press F12. Then open the "Console" tab in the developer tools. Finally, refresh the page (F5) to ensure that all errors appear in the console.

Some 404 errors are to be expected, for ui2-local-overrides.css and ui2-local-overrides.js. Any other error is usually an indication of what went wrong.
Click to expand...

is this what i'm looking for?

ui2.htm:23 GET http://192.168.2.149:8071/ui2/ui2-local-overrides.css
ui2.htm:22 GET http://192.168.2.149:8071/ui2/ui2-local-overrides.js
ui2.js:489 Uncaught TypeError: Cannot read property 'replace' of undefined

I stopped BI, turned off as a service, and re-copied all of the latest version to the folder. it stays stuck at loading clip list busy.

this worked a couple of months ago.
 
jmburton2001 said:
I love your interface. A few days ago I noticed that I was experiencing problems with opening it in Firefox. I've spent the last few days going through my routing, port forwarding, etc and everything's working properly. I also updated BI to version 4.2.8.2 and also downloaded the updated UI2 (0.9.6) files because the interface said there was an update.

Since then I have experienced the following anomalies (screenshots attached):

Chrome - Just shows a blank screen even though it allows a login.

Edge - After login content can't be shown in frame. If I select "Open this in a new window", it loads in a new tab.

Firefox - Same as Chrome, blank screen.

Internet Explorer 11 - Same as Edge.

Opera - Same as Edge and IE11.

localhost works great!

Has anyone else experienced this? Where should I start looking? I had a friend try to access the site from across the country and they're experiencing the same difficulties.

Thanks in advance for any insight you can provide!
Click to expand...

UI2 doesn't do anything with frames, and I've never seen such an error before. I suspect you and your friend are using some strange browser plugin. Or maybe have a malware infection.

djangel said:
@bp2008 Would it be possible in a future update to add a hotkey option to the save snapshot feature? Thanks!
Click to expand...

Yes, I'll put that on my list.

DokkenVersusChicken said:
is this what i'm looking for?

ui2.htm:23 GET http://192.168.2.149:8071/ui2/ui2-local-overrides.css
ui2.htm:22 GET http://192.168.2.149:8071/ui2/ui2-local-overrides.js
ui2.js:489 Uncaught TypeError: Cannot read property 'replace' of undefined

I stopped BI, turned off as a service, and re-copied all of the latest version to the folder. it stays stuck at loading clip list busy.

this worked a couple of months ago.
Click to expand...

That is exactly what you are looking for, and it tells me you have not updated UI2 in a very long time. Redownload from post #1 of this thread and re-extract to your www folder, making sure to overwrite all files.
 
Last edited by a moderator:
  • Like
Reactions: James DiBernardo
bp2008: reading above.... you have the patience of a saint. Thanks for the program, it works very well.
 
You must log in or register to reply here.
Top Bottom