Also leverage metalView.paused = YES when the viewer is not visible.
Note that must often be capitalized for the server to recognize the command correctly. Adjust the Refresh Interval
When the parent window detects a state change, it must alert the child viewerframe. Because the components live in separate window contexts, developers use the secure window.postMessage() API to send an explicit refresh command down to the frame. 4. Event Debouncing and Throttling viewerframe mode refresh work
To avoid tearing, implement at least double buffering: one back buffer for rendering while the front buffer is displayed. Triple buffering adds an extra buffer to reduce input lag when the GPU is slower.
Two primary models govern how a viewer frame gets its data: Also leverage metalView
// Parent Application Logic const viewerFrame = document.getElementById('analytics-viewerframe'); function triggerFrameRefresh(reasonCode) if (viewerFrame && viewerFrame.contentWindow) viewerFrame.contentWindow.postMessage( action: 'VIEWERFRAME_REFRESH', payload: timestamp: Date.now(), reason: reasonCode , 'https://trusted-viewer-domain.com'); Use code with caution. Step 2: Handle the Message Inside the Viewerframe
A is a scheduled or event-driven system reset that forces the VMS interface to clear its display cache, re-verify camera connections, and re-allocate hardware decoding resources. Because the components live in separate window contexts,
: The software creates a central canvas, dividing available pixels among active frames to prevent CPU exhaustion.
Locate the global cache directory. For example, in JetBrains IDEs, use File -> Invalidate Caches... . In Unity or Unreal Engine, delete the local Library or Intermediate folders. Step 3: Optimize Project File Watchers
// Example: Forcing a programmatic frame redrawing sequence function updateViewerFrame(frameId) const frame = document.getElementById(frameId); if (frame) // Appending a timestamp query parameter bypasses persistent network caches frame.src = frame.src.split('?')[0] + '?t=' + new Date().getTime(); Use code with caution. Summary Troubleshooting Checklist