Only invoke createDisplayTimeInterval() method within useShowInaccessibleMessage custom hook. When this was called within initCanvas() in useSetupPlayer hook, it creates multiple intervals disabling the remaining time updates in the timer on display.
Use canvasIndex instead of canvasIndexRef in the dispatch to update manifest-state when timer ends.
It was observed that, in Safari and Chrome using canvasIndexRef causes to skip an item when auto-advancing (most probably due to timing of these updates are getting overlapped) in avalon's playlists where there are inaccessible items. However this was not seen in these browsers in the demo site.
Related issue: #673
Only invoke
createDisplayTimeInterval()method withinuseShowInaccessibleMessagecustom hook. When this was called withininitCanvas()inuseSetupPlayerhook, it creates multiple intervals disabling the remaining time updates in the timer on display. UsecanvasIndexinstead ofcanvasIndexRefin the dispatch to update manifest-state when timer ends. It was observed that, in Safari and Chrome usingcanvasIndexRefcauses to skip an item when auto-advancing (most probably due to timing of these updates are getting overlapped) in avalon's playlists where there are inaccessible items. However this was not seen in these browsers in the demo site.