LATENCY HUD
FPS: 60
00:00:00.000
Epoch: 0000000000000 • 1ms RAF
ReMOAT
⚡ Client SDK Sandbox
← Back to remoat.dev

ReMOAT Local Testing Suite

Loaded via <script src="./remoat-sdk.js"></script>. Interact with the DOM, console, network, and storage to test real-time P2P telemetry streams.

Millisecond Telemetry Clock (Lag Monitor)
Update Rate: 1ms / RAF
00:00:00.000
Unix Timestamp: 0000000000000 • Display Rate: 60 FPS
Compare this clock with the Developer Portal stream to visually verify sub-second latency and lag.
🔑 Tester API Key Configuration
Key Active

API Key is dynamically populated via ?apiKey=... URL parameter, or paste your Workspace API Key below to pair with your Developer Portal.

Active Key: (No Key Configured)
SDK Activation: Checking status...
🔄 DOM Mutation Capture

Simulate dynamic DOM mutations, list updates, and form inputs recorded by rrweb.

Interactive Counter 0
Live Text Input & Keypress Sync
Preview: Waiting for input...
Radio Button Selection
Active Mode: Fast Response (Sub-10ms)
Feature Flag Checkboxes
Active Flags: DOM Streaming, Voice Audio
📟 Console Interception

Trigger standard browser logging methods to verify P2P console streaming.

// Local console trigger history will appear here:
🌐 Network Request Interception

Execute XHR and Fetch HTTP requests to verify headers and response capturing.

💾 Storage State Mutation

Modify LocalStorage, SessionStorage, and Cookies to test storage diffing.

🎯 Drag & Drop Interactivity

Drag items between zones to verify mousemove trails, pointerdown/up lifecycle, and drag events.

Zone A: Pending
📦 Bug #104 (Mouse Jitter)
⚡ Feature (Sub-10ms P2P)
Zone B: In Progress
🎨 Smooth 60 FPS Cursor
Drag status: Ready to drag
📜 Nested Scroll Hierarchy Test Zone (Multi-Level & 2D)
Hierarchy: Window → Outer → Inner V → Deep & 2D H

Verifies that rrweb and ReMOAT telemetry capture independent scroll positions across parent and child scroll containers without event cross-talk or parent jitter.

Outer: 0px
|
Inner Vertical: 0px
|
Deep Nested: 0px
|
Inner Horizontal: 0px
|
Active Target: none
📦 LEVEL 1: Outer Scroll Container (Scroll down to reveal nested children)

Scroll this outer container with mouse wheel or trackpad. Notice that wheeling over nested boxes will independently scroll the inner containers without moving this parent.

Outer Row 1: Telemetry Stream Pipeline initialized.
Outer Row 2: Hybrid DOM Node Mirror resolution active.
📥 LEVEL 2A: Inner Vertical Scroll (Nested in Level 1) Independent Scrollbar
Inner Item 1: DOM Mutation Streaming (Sub-frame RAF)
Inner Item 2: Pointer Event Synthesis
⚡ LEVEL 3: Deeply Nested (Level 3 Deep)
Deep Log #1: Hardware timer tick 0.1ms
Deep Log #2: WebRTC mesh packet confirmed
Deep Log #3: Buffer flusher idle
Deep Log #4: Deep end reached
Inner Item 3: Remote Wheel Delta Synchronization
Inner Item 4: Zero Jitter Interpolator
Inner Item 5: End of Inner List
↔️ LEVEL 2B: Horizontal 2D Scroll (Nested in Level 1)
Card 1: 10ms Ping
Card 2: WebRTC P2P
Card 3: 120Hz Mouse
Card 4: DOM Recorders
Card 5: Tri-Vector Resolv
Card 6: Idle Guards
Card 7: Last Horizon Card
Outer Row 3: Bottom of Outer Container (Level 1 end)
🖼️ CDN High-Res Images & Native Video Streams
Unsplash CDN • Google Cloud Video CDN

Evaluates telemetry stream throughput, memory serialization, and canvas replayer rendering with high-resolution imagery and streaming HTML5 video elements.

📸 High-Resolution CDN Images (Lazy Loaded & Responsive)
Microprocessor Circuitry
Circuitry • 600px CDN
Cyber Security Data Stream
Data Stream • Fast CDN
Global Telemetry Network
Global Mesh • Satellite
Cybersecurity Console
Terminal • High Contrast
Modern Developer Station
Workspace • Dual Display
Fluid Neon Shader
Fluid Dynamics • Neon
🎬 HTML5 Native Video Streams (Google Cloud Storage CDN)
Video Stream 1: Big Buck Bunny
Source: Google CDN • 1080p MP4 • Autoplay Muted
Video Stream 2: Elephants Dream
Source: Google CDN • Open Source 3D Film
Video Stream 3: For Bigger Blazes
Source: Google CDN • Fast Action Keyframes
📺 Embedded Iframes & YouTube Video Sandbox
Cross-Origin Iframes • YouTube Embeds • Live Map

Tests cross-origin iframe boundaries, sandboxing, click event propagation, and rrweb replay masking/preservation of embedded video players.

YouTube 1: WebRTC & Real-Time Web
YouTube No-Cookie CDN Embed
YouTube 2: Chrome DevTools Deep Dive
YouTube Live Player Embed
YouTube 3: Historic Tech Archive
Standard Aspect-Ratio Embed
Interactive Iframe: OpenStreetMap Live Map
Interactive Pan & Zoom Map Iframe