Pause button appears not to work in live streaming

[lyallp]

Unless I misunderstand their usage, if I click a Camera (main console, left column) or an event, there is a video shown. If I click the pause button, the video continues to move, it doesn't pause.

This is pretty much the case on every page that displays a 'video'.

This happens in both Firefox (93.0) and chromium (Version 95.0.4638.54 (Official Build) (64-bit)) under Gentoo Linux, 64 bit.

High bandwidth setting (my local PC).

Are my expectations wrong?

USB Camera, Logitec C922, via /dev/video0, local, modetect, MPEG* capture. Other options available, if required.

ZoneMinder version v1.36.8 on Gentoo Linux using ebuild www-misc/zoneminder from oubliette repository.
PHP version 8.0.12, using MariaDB 10.5.10 back end and Apache 2.4.51

[iconnor]

Works fine for me. Check for javascript errors.

[lyallp]

Play and Pause generate javascript errors.

Code: Select all

Play and Pause

XHRGEThttp://example.com/zm/index.php?command=2&auth=7d958a86d146bcab254b160c9af0b30b&connkey=571220&view=request&request=stream
[HTTP/1.0 500 Internal Server Error 19ms]

Request Failed: error, Internal Server Error skins_classic_js_skin-dark-1633531220.js:773:11
Ajax request failed.  No responseText.  jqxhr follows: skins_classic_js_skin-dark-1633531220.js:775:13
Object { readyState: 4, getResponseHeader: getResponseHeader(e), getAllResponseHeaders: getAllResponseHeaders(), setRequestHeader: setRequestHeader(e, t), overrideMimeType: overrideMimeType(e), statusCode: statusCode(e), abort: abort(e), state: state(), always: always(), catch: catch(e), … }
abort: function abort(e)
always: function always()
catch: function catch(e)
done: function add()
fail: function add()
getAllResponseHeaders: function getAllResponseHeaders()
getResponseHeader: function getResponseHeader(e)
overrideMimeType: function overrideMimeType(e)
pipe: function pipe()
progress: function add()
promise: function promise(e)
readyState: 4
responseText: ""
setRequestHeader: function setRequestHeader(e, t)
state: function state()
status: 500
statusCode: function statusCode(e)
statusText: "Internal Server Error"
then: function then(t, n, r)
<prototype>: Object { … }
skins_classic_js_skin-dark-1633531220.js:776:13

XHRGEThttp://example.com/zm/index.php?command=1&auth=7d958a86d146bcab254b160c9af0b30b&connkey=571220&view=request&request=stream
[HTTP/1.0 500 Internal Server Error 15ms]

Request Failed: error, Internal Server Error skins_classic_js_skin-dark-1633531220.js:773:11
Ajax request failed.  No responseText.  jqxhr follows: skins_classic_js_skin-dark-1633531220.js:775:13
Object { readyState: 4, getResponseHeader: getResponseHeader(e), getAllResponseHeaders: getAllResponseHeaders(), setRequestHeader: setRequestHeader(e, t), overrideMimeType: overrideMimeType(e), statusCode: statusCode(e), abort: abort(e), state: state(), always: always(), catch: catch(e), … }
skins_classic_js_skin-dark-1633531220.js:776:13
XHRGEThttp://example.com/zm/index.php?view=request&request=status&entity=navBar&auth=7d958a86d146bcab254b160c9af0b30b
[HTTP/1.1 200 OK 19ms]

Strangely, this generates no errors in the apache error_log, nor syslog, nor any of the Zone Minder logs. (I deleted them all prior to the test and non where re-created).
I tried stopping and restarting zone minder, and repeated the pause/play after navigating back to a test event. Still no mention of the failure in the logs.
More than happy to supply any settings or files, as requested, though, I admit, this problem is not a deal breaker for me, it's just a feature which does not appear to be operating at this time, at least, for me.

[lyallp]

Only the Skip back <- and Skip forward -> buttons work for me.

Pause, play, rewind, fast forward, and playback speed, all do not work when reviewing an event.

[Tiggy]

Anyone found a solution for this?

[dougmccrary]

Possibly OS specific. Works for me on Ubuntu 18.04

[Tiggy]

I have the same problem as above with the addition that when I manually put to evnt playback further (on the bar under the vid) it starts playing at a lower speed.

I am on the latest ubuntu. Will update specs later; not in front of the comp now.

[Magic919]

Works ok for me too. I expect it's browser related. Capture of any errors in browser console would help.

[Tiggy]

Tried 3 browsers (edge, chrome and firefox) even internet explorer but that one didn’t even show any images lol

[Magic919]

Get some debug from one of those.

[Tiggy]

Just an update on the ubuntu version.

Currently running Ubuntu 20.04.3 LTS and zoneminder v1.36.12

Had 18.04 before and I didn't have the problem then; zoneminder version was also older then.

For those browser logs, how do I proceed? I just enabled devtools on edge but have no idea where to look :/

[dougmccrary]

You’re viewing on windows?
On an Ubuntu system both chrome and Firefox pause, if somewhat sluggishly.
I’ll check a window machine a bit later.

[Tiggy]

Viewing on win10 yes. Worked on this pc with ubuntu 18.04 and an older version of zoneminder.

I have zoneminder running on ubuntu server.

On the windows pc only the previous event button & next event button work as they should. Pauze stops the playback but as soon as I press play it fast forwards to the time passed (if I pause on 1:30 and wait 10 seconds then after hitting play it goes in FF to 1:40 where it thens resumes normal playback. All the other buttons just don't work. Same problem 'lyallp' has specified in his post above.

//UPDATE
Pressing F12 in edge shows dev tools. On the console I see this message:

zoomrotate: Start
videojs.zoomrotate.js:5 zoomrotate: Init defaults
videojs.zoomrotate.js:10 zoomrotate: Init Extend
videojs.zoomrotate.js:72 zoomrotate: End
skins_classic_views_js_event-classic-1639175886.js:98 No cue frames for event
DevTools failed to load source map: Could not load content for http://192.168.1.250/zm/cache/bootstrap.bundle.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE

The "cache" directory didn't exist in the main zoneminder www; so I created it but still getting same error afterwards. The file in the error exists in "/usr/share/zoneminder/www/skins/classic/js/bootstrap.bundle.js.map".

//UPDATE 2
Created a symlink to bootstrap.bundle.js.map in /var/cache/zoneminder/cache/ and the error is gone, but doesn't fix anything.

[lyallp]

Pause still no longer works for me.
ZoneMinder version 1.37.6
Gentoo Linux (fully up to date)
Chromium 96.0.4664.110 extensions adBlock Plus (disabled on this site) and Dark Reader.
Console output, from the moment I display the event video and then I press pause (resulting in the second GET failure)

Code: Select all

zoomrotate: Start
videojs.zoomrotate.js:5 zoomrotate: Init defaults
videojs.zoomrotate.js:10 zoomrotate: Init Extend
videojs.zoomrotate.js:72 zoomrotate: End
csrf-magic.js:41 GET https://lyalls-pc.at.the-pearces.com/zm/index.php?command=99&auth=ca13ff5a694a7273626f85b22bbb31c1&connkey=330797&view=request&request=stream 500 (Internal Server Error)
send @ csrf-magic.js:41
send @ skins_classic_js_jquery.min-dark-1641366813.js:2
ajax @ skins_classic_js_jquery.min-dark-1641366813.js:2
S.<computed> @ skins_classic_js_jquery.min-dark-1641366813.js:2
getJSON @ skins_classic_js_jquery.min-dark-1641366813.js:2
streamReq @ skins_classic_views_js_event-dark-1641366813.js:37
streamQuery @ skins_classic_views_js_event-dark-1641366813.js:577
setTimeout (async)
initPage @ skins_classic_views_js_event-dark-1641366813.js:909
e @ skins_classic_js_jquery.min-dark-1641366813.js:2
t @ skins_classic_js_jquery.min-dark-1641366813.js:2
setTimeout (async)
(anonymous) @ skins_classic_js_jquery.min-dark-1641366813.js:2
c @ skins_classic_js_jquery.min-dark-1641366813.js:2
fireWith @ skins_classic_js_jquery.min-dark-1641366813.js:2
fire @ skins_classic_js_jquery.min-dark-1641366813.js:2
c @ skins_classic_js_jquery.min-dark-1641366813.js:2
fireWith @ skins_classic_js_jquery.min-dark-1641366813.js:2
ready @ skins_classic_js_jquery.min-dark-1641366813.js:2
B @ skins_classic_js_jquery.min-dark-1641366813.js:2
skins_classic_js_skin-dark-1641366813.js:786 Request Failed: error, Internal Server Error
skins_classic_js_skin-dark-1641366813.js:788 Ajax request failed.  No responseText.  jqxhr follows:
skins_classic_js_skin-dark-1641366813.js:789 {readyState: 4, getResponseHeader: ƒ, getAllResponseHeaders: ƒ, setRequestHeader: ƒ, overrideMimeType: ƒ, …}
csrf-magic.js:41 GET https://lyalls-pc.at.the-pearces.com/zm/index.php?command=1&auth=ca13ff5a694a7273626f85b22bbb31c1&connkey=330797&view=request&request=stream 500 (Internal Server Error)
send @ csrf-magic.js:41
send @ skins_classic_js_jquery.min-dark-1641366813.js:2
ajax @ skins_classic_js_jquery.min-dark-1641366813.js:2
S.<computed> @ skins_classic_js_jquery.min-dark-1641366813.js:2
getJSON @ skins_classic_js_jquery.min-dark-1641366813.js:2
streamReq @ skins_classic_views_js_event-dark-1641366813.js:37
pauseClicked @ skins_classic_views_js_event-dark-1641366813.js:319
el.onclick @ skins_classic_js_skin-dark-1641366813.js:126
skins_classic_js_skin-dark-1641366813.js:786 Request Failed: error, Internal Server Error
skins_classic_js_skin-dark-1641366813.js:788 Ajax request failed.  No responseText.  jqxhr follows:
skins_classic_js_skin-dark-1641366813.js:789 {readyState: 4, getResponseHeader: ƒ, getAllResponseHeaders: ƒ, setRequestHeader: ƒ, overrideMimeType: ƒ, …}

Alternatively

[dougmccrary]

At least with respect to lyallp's original post, This works on chrome and firefox on ubuntu and win10.
There seem to be some other ( possibly related or not ) things that have crept in since that original post.