Browser-Based 3D SBS Video Player for VR180/VR360 Content

3D Apps
1

Hello,

since the Leia LumePad 2 has unfortunately been discontinued, I decided I needed a replacement. Having been impressed by the glasses-free 3D technology, I chose a monitor that also uses Leia’s technology: the Samsung Odyssey 3D G9.

Unfortunately, I couldn’t find a decent video player that can display 3D videos (especially 180° and 360° VR videos) as SBS videos for the monitor.

Since I’m a web developer, I built a minimalistic web app for this purpose:

You can simply drag and drop a video into your browser and watch it in 3D. All processing happens locally, means no data is transmitted to any servers.

Features:

  • Supports VR180, VR360 and “normal” 3D content

  • Side-by-Side (Full SBS and Half SBS) and Top-Bottom input formats

  • Common video formats supported (MKV, MP4, MOV, etc.)

  • Adjustable convergence / 3D depth

  • Mouse-based view rotation and zoom

  • Auto-detection of video format via Leia filename suffixes (e.g. “_2x1”)

  • Works with glasses-free 3D displays (autostereoscopic), polarized, and active-shutter 3D monitors

Maybe this project is useful for someone here. Suggestions for improvements are welcome!

Note: On Windows, it works best in Chrome and Edge. Firefox has noticeably poor playback performance. I haven’t tested other operating systems.

Many regards,
Jens

7 Likes
2

Wow, this is super cool. I’ll have to check this out later.

2 Likes
3

Thanks for creating this. I’ll check it out. I’ve been using sView with the Odyssey 3D monitor but it’s always nice to have other options .

1 Like
4

This is amazing thank you! It works for videos up to 5K for me, but 8K videos just display a black screen and do not load, unfortunately.

1 Like
5

@proronny Thank you so much for testing this and for taking the time to report your findings!

It’‘s really helpful to know that it works well up to 5K but shows a black screen at 8K. To help me track down where the limitation occurs, I’d appreciate some additional technical details.

In browser-based playback, there are several stages involved (video decoding, frame processing, rendering), and a black screen could stem from different points in that pipeline.

If possible, could you share the following information?

System details:

  • Device type (PC with 3D display, Leia LumePad, smartphone, etc.)
  • Operating system and browser (including version)
  • GPU model and VRAM

Video details:

  • Exact resolution
  • SBS layout (full SBS / half SBS / top-bottom)
  • Codec (H.264 / HEVC)
  • Bit depth (8-bit / 10-bit)
  • Frame rate

Additional checks (if you have time):

  • Does the same 8K file play correctly in a local player like VLC or MPV?
  • Are there any errors or warnings in the browser console? (You can check by pressing F12)
  • Would you be able to share a sample 8K video that doesn’t work for you?

I really appreciate your help with this. With these details I should be able to give you a much more concrete answer and hopefully find a solution!

Best regards,
Jens

1 Like