Skip to content

Embed FPV dataset viewer at /fpv#78

Merged
itamarwe merged 5 commits into
masterfrom
embed-fpv-viewer
Jul 5, 2026
Merged

Embed FPV dataset viewer at /fpv#78
itamarwe merged 5 commits into
masterfrom
embed-fpv-viewer

Conversation

@itamarwe

@itamarwe itamarwe commented Jul 5, 2026

Copy link
Copy Markdown
Owner

Adds the read-only FPV strike dataset viewer as a pre-built embedded static app under public/fpv/, served at /fpv via rewrites in next.config.ts — the same solar-system pattern used for the other embedded apps.

What's here

  • public/fpv/ — the built Vite+React+three.js viewer (gallery, video pages with flight annotations, 3D scene viewer). Built from apps/fpv-viewer/ in itamarwe/fpv-drone-strikes-lebanon-dataset (branch fpv-video-quality, PR Bump nokogiri from 1.8.2 to 1.12.5 #6) with the CloudFront CDN bases baked in.
  • next.config.ts — two rewrites (/fpv, /fpv//fpv/index.html).

Gallery covers 151 videos, 65 with 3D scenes. Deep links (/fpv/#/video/<file>.mp4, /fpv/#/scene/<file>.mp4) work via hash routing.

⚠️ Before merging / deploying

The viewer fetches thumbnails, scene point-cloud .bins and per-frame images from the CDN. The scene + thumbnail assets still need to be uploaded to S3 (fpv-drone-strikes-lebanon-dataset → CloudFront) and a CORS rule added, otherwise thumbnails render as blur placeholders and 3D scenes fail to load. This upload was blocked in this session because AWS credentials weren't configured locally.

Verified locally

Served public/ statically and loaded /fpv/ in a browser: gallery renders, 151 cards with "3D scene" badges, site-matching dark design, no console errors. Thumbnails degrade gracefully to blur placeholders until the CDN is populated.

🤖 Generated with Claude Code

Add the read-only FPV strike dataset viewer (Vite+React+three.js) as a
pre-built embedded static app under public/fpv/, served at /fpv via
rewrites — the same solar-system pattern.

Built from apps/fpv-viewer/ in the fpv-drone-strikes-lebanon-dataset repo
(branch fpv-video-quality, PR #6) with the CloudFront CDN bases baked in:
scene data + thumbnails load from d2fioemadmrru3.cloudfront.net, videos
stream from the CDN directly. Gallery covers 151 videos (65 with 3D scenes).

Note: the sharp thumbnails and 3D scene assets must be uploaded to the CDN
(S3 bucket fpv-drone-strikes-lebanon-dataset) for the deployed page to be
fully populated; until then thumbnails render as blur placeholders.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@vercel

vercel Bot commented Jul 5, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
itamarwe-github-io Ready Ready Preview, Comment Jul 5, 2026 4:47pm

Introduces the interactive dataset viewer served at /fpv (embedded in this
PR). Written in the house explainer style with pure-black figures generated
from real data in public/fpv/data/videos.json:

- social.png (1200x630 OG card) + lead image
- tool_flow.png: the three views (gallery / annotated player / 3-D scene)
- annotated_clip.png: real flight-annotation timeline of one clip
- footage_breakdown.png: real split of annotated footage (~51% flight)
- live gallery embedded via <iframe> to /fpv/

Figure-generation code + frozen data snapshot committed under
research/fpv-viewer/ with a README.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Rebuilds the viewer with the fix that keeps the corner VGGT frame panel
(overlay/render/actual) updating during 3-D scene playback instead of only when
paused. The panel is now painted into a <canvas> from preloaded, decoded frames
in the same animation tick that drives the camera.

Rebuilt from apps/fpv-viewer (fpv-drone-strikes-lebanon-dataset @ fpv-video-quality)
with the CloudFront scene/thumbnail bases baked in; data/videos.json unchanged.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
- app/sitemap.ts: add /fpv/ (weekly, it tracks a growing dataset), matching the
  other embedded apps which were already listed.
- public/fpv/index.html: rebuilt bundle now carries a descriptive title, meta
  description, canonical, OpenGraph/Twitter cards, and a <noscript> fallback
  (source in fpv-drone-strikes-lebanon-dataset @ fpv-video-quality).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
- social.png: rebuilt around a REAL capture of the viewer's 3-D scene for the
  Biranit / Iron Dome strike (research/fpv-viewer/assets/biranit_scene_capture.png),
  full-bleed with a left text scrim — replaces the synthetic glyph card.
- Replaced the embedded /fpv iframe with a 13s guided demo video
  (public/img/fpv-viewer/viewer-demo.mp4): gallery -> flight-annotated player ->
  reconstructed 3-D scene, captioned and cross-faded, using the Biranit clip.
- Content pass: refreshed lead alt, dropped hard total counts that go stale,
  corrected the scene-path color description to match the viewer.
- Committed the capture pipeline (Playwright + ffmpeg) under research/fpv-viewer/
  capture/ with a README, per the repo's keep-generation-code convention.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants