vimeo / vimeo-depth-player

A WebVR volumetric video renderer that uses color-depth based videos hosted on Vimeo.

Vimeo Depth Player

A WebVR volumetric video renderer that uses color-depth based videos hosted on Vimeo.

This repository consists of tools and demos presetned at the Volumetric Filmmaking meetup at NYC.
Check out our demo and our complimentary three.js player repository.

Examples

Check out our volumetric playback and volumetric live-streaming demos.

Features

📼 Render volumetric video: The plugin lets you render volumetric video hosted on Vimeo

🏋🏿‍ Let us do the heavy lifting: stream multiple resolutions including adaptive video on supported platforms for best performance and video quality using our three.js player

📱 Works everywhere: works on phones, tablets, laptops, computers, VR headsets and even underwater

Usage

To start playing and streaming video now, remix the Glitch example:

Upload your volumetric video to Vimeo. If you are using Depthkit footage, remember to put the metadata in the video description.

Next step is to generate your own Vimeo API token. Generate the token, and then copy it and paste it into the .env in Glitch.

Almost done, go to the example javascript file under client.js and change the video id in line 40 to your Vimeo video id. It should look like

 // Create a new Vimeo Player and set the video
 vimeoPlayer = new Vimeo.Player(your_vimeo_video_id, {
   autoplay: false,
   autoload: true
 });

For our full three.js player documentation visit this page

Streaming Vimeo videos requires video file access via the Vimeo API. Accessing video files is limited to Vimeo Pro and Business customers.

Questions

For questions and support, open a new issue on Github.

License

This software is free software and is distributed under an MIT License.

Thanks

Special thanks to three.js, Depthkit and Depthkit.js

vimeo-depth-player's Issues

Platform support

Platforms:

• macOS - Safari (via Dash)
• macOS - Chrome (via Dash)
• Windows - Chrome (via Dash)
• macOS - Firefox
• Windows - Firefox
• iOS - Safari
• iOS - Chrome
• Android - Chrome

Depth Player & Vimeo Depth Player redundancy

Lots of redundancy between Depth Player and Vimeo.DepthPlayer.

Should Vimeo depth player have an instance of DepthPlayer internally? Would be great to consolidate this.

RGBD shaders are inline in Vimeo.DepthPlayer

Shaders are inline.

This makes editing them less dynamic and reduces reusability if there were to be other components needing them.

Demos no longer functioning?

Hello all! I've been very interested in exploring Depthkit + Vimeo for my projects but it seems none of the demos are functioning (volumetric playback and volumetric live-streaming). Is there a way to fix these? I've tried them on Safari, Firefox, and Chrome.