Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <meta name="description" content="Synchronized Scene2Wave camera, point cloud, CIR, and CSI viewer." /> | |
| <title>Scene2Wave Multimodal Dataset Viewer</title> | |
| <script type="module" crossorigin src="/assets/index-C9YeYTqJ.js"></script> | |
| <link rel="stylesheet" crossorigin href="/assets/index-BvC5wLz2.css"> | |
| </head> | |
| <body> | |
| <header> | |
| <div> | |
| <h1>Scene2Wave Multimodal Dataset Viewer</h1> | |
| <p>Time-aligned scene perception and wireless channel modalities</p> | |
| </div> | |
| <nav aria-label="Project links"> | |
| <a id="datasetLink" target="_blank" rel="noreferrer">Dataset</a> | |
| <a id="schemaLink" target="_blank" rel="noreferrer">Schema</a> | |
| </nav> | |
| </header> | |
| <section class="controls" aria-label="Sample controls"> | |
| <label>Town<select id="town"></select></label> | |
| <label>Speed<select id="speed"></select></label> | |
| <label>Condition<select id="condition"></select></label> | |
| <label class="sample-control">Sample<select id="sample"></select></label> | |
| <button id="previous" type="button" title="Previous sample">←</button> | |
| <button id="next" type="button" title="Next sample">→</button> | |
| <button id="random" type="button">Random</button> | |
| <button id="load" class="primary" type="button">Load sample</button> | |
| </section> | |
| <section class="timeline" aria-label="Synchronized playback"> | |
| <button id="play" type="button" disabled>Play</button> | |
| <input id="seek" type="range" min="0" max="0" value="0" disabled aria-label="Playback position" /> | |
| <output id="time">0.000 s</output> | |
| <span id="sync" class="badge">Not loaded</span> | |
| </section> | |
| <section id="notice" class="notice" aria-live="polite"> | |
| Select a representative sample, then load its precomputed synchronized assets. | |
| </section> | |
| <main id="viewer" aria-busy="false"> | |
| <article class="panel"><h2>Birdview</h2><video id="birdview" muted playsinline preload="metadata"></video></article> | |
| <article class="panel"><h2>CIR</h2><video id="cir" muted playsinline preload="metadata"></video></article> | |
| <article class="panel"><h2>CAV RGB · 2×2</h2><video id="cav_2x2" muted playsinline preload="metadata"></video></article> | |
| <article class="panel"><h2>CAV LiDAR</h2><video id="cav_lidar" muted playsinline preload="auto"></video></article> | |
| <article class="panel"><h2>RSU RGB · 2×2</h2><video id="rsu_2x2" muted playsinline preload="metadata"></video></article> | |
| <article class="panel"><h2>RSU LiDAR + Radar</h2><video id="rsu_lidar_radar" muted playsinline preload="auto"></video></article> | |
| <article class="panel"><h2>CSI Amplitude</h2><video id="csi_amplitude" muted playsinline preload="metadata"></video></article> | |
| <article class="panel"><h2>CSI Phase · cyclic −π…π</h2><video id="csi_phase" muted playsinline preload="metadata"></video></article> | |
| </main> | |
| <aside id="details" aria-label="Sample details"></aside> | |
| </body> | |
| </html> | |