Hello!
In chrome, I appear to be unable to view multiple cameras/jpeg's at once using the following URL:
<div><img src="http://zoneminder.xxx/zm/cgi-bin/nph-zm ... r=1"></div>
The first camera shows, but all subsequent cameras fail to load and looking at developer console, they all sit there 'pending'.
Is this a ZM thing or a chrome tweak?
I'm sure this has been asked but I've googled and searched with no luck. I assume I'm using the wrong terms here!
Unable to view multiple jpeg's at once
Re: Unable to view multiple jpeg's at once
Try Firefox. You may have to do this:
Enter about:config in the address bar
scroll down to
browser.cache.check_doc_frequency 3
change the 3 to a 1
browser.cache.disk.enable True -> False
network.http.max-connections-per-server -> put a value of 100
network.http.max-persistent-connections-per-proxy -> 100 again
network.http.max-persistent-connections-per-server -> 100 again
Chrome has issues including security issues...
Enter about:config in the address bar
scroll down to
browser.cache.check_doc_frequency 3
change the 3 to a 1
browser.cache.disk.enable True -> False
network.http.max-connections-per-server -> put a value of 100
network.http.max-persistent-connections-per-proxy -> 100 again
network.http.max-persistent-connections-per-server -> 100 again
Chrome has issues including security issues...
-
- Posts: 22
- Joined: Mon Mar 25, 2013 9:05 am
Re: Unable to view multiple jpeg's at once
@bbunge - Thank you. When I'm at the computer later I'll give this a try.
I'm interested in trying to get this running in Chrome as I'm trying to get it running in an electron app (Personal use - Not distributing it)
I'm interested in trying to get this running in Chrome as I'm trying to get it running in an electron app (Personal use - Not distributing it)
-
- Posts: 22
- Joined: Mon Mar 25, 2013 9:05 am
Re: Unable to view multiple jpeg's at once
So I didn't get much luck with this either.
Same result. Surely someone out there has a suggestion to this? I've scoured the code for zmNinja and can't find any relevant additions/changes to make there either!
Currently using the following which only renders one image...
Same result. Surely someone out there has a suggestion to this? I've scoured the code for zmNinja and can't find any relevant additions/changes to make there either!
Currently using the following which only renders one image...
Code: Select all
<html>
<body>
<div class="grid-container">
<div class="Camera-1"><img height="100px" width="100px" src="http://zoneminder.xx/zm/cgi-bin/nph-zms?mode=jpeg&scale=100&maxfps=3&monitor=1&buffer=1000"/></div>
<div class="Camera-2"><img height="100px" width="100px" src="http://zoneminder.xx/zm/cgi-bin/nph-zms?mode=jpeg&scale=100&maxfps=3&monitor=2&buffer=1000"/></div>
<div class="Camera-3"><img height="100px" width="100px" src="http://zoneminder.xx/zm/cgi-bin/nph-zms?mode=jpeg&scale=100&maxfps=3&monitor=3&buffer=1000"/></div>
<div class="Camera-4"><img height="100px" width="100px" src="http://zoneminder.xx/zm/cgi-bin/nph-zms?mode=jpeg&scale=100&maxfps=3&monitor=4&buffer=1000"/></div>
<div class="Camera-5"><img height="100px" width="100px" src="http://zoneminder.xx/zm/cgi-bin/nph-zms?mode=jpeg&scale=100&maxfps=3&monitor=5&buffer=1000"/></div>
<div class="Camera-6"><img height="100px" width="100px" src="http://zoneminder.xx/zm/cgi-bin/nph-zms?mode=jpeg&scale=100&maxfps=3&monitor=6&buffer=1000"/></div>
<div class="Camera-7"><img height="100px" width="100px" src="http://zoneminder.xx/zm/cgi-bin/nph-zms?mode=jpeg&scale=100&maxfps=3&monitor=7&buffer=1000"/></div>
<div class="Camera-8"><img height="100px" width="100px" src="http://zoneminder.xx/zm/cgi-bin/nph-zms?mode=jpeg&scale=100&maxfps=3&monitor=8&buffer=1000"/></div>
<div class="Camera-9"><img height="100px" width="100px" src="http://zoneminder.xx/zm/cgi-bin/nph-zms?mode=jpeg&scale=100&maxfps=3&monitor=9&buffer=1000"/></div>
<div class="Camera-10"><img height="100px" width="100px" src="http://zoneminder.xx/zm/cgi-bin/nph-zms?mode=jpeg&scale=100&maxfps=3&monitor=10&buffer=1000"/></div>
<div class="Spare-1"></div>
<div class="Spare-2"></div>
</div>
</body>
</html>