https://github.com/vimeo/vimeo-depth-player
A WebVR volumetric video renderer that uses color-depth based videos hosted on Vimeo.
https://github.com/vimeo/vimeo-depth-player
3d depth-maps livestreaming threejs video volumetric webar webgl webvr
Last synced: 8 months ago
JSON representation
A WebVR volumetric video renderer that uses color-depth based videos hosted on Vimeo.
- Host: GitHub
- URL: https://github.com/vimeo/vimeo-depth-player
- Owner: vimeo
- License: mit
- Created: 2018-07-09T18:52:55.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2019-03-28T14:50:02.000Z (about 7 years ago)
- Last Synced: 2025-04-03T22:41:38.108Z (about 1 year ago)
- Topics: 3d, depth-maps, livestreaming, threejs, video, volumetric, webar, webgl, webvr
- Language: JavaScript
- Homepage: https://vimeo-depth-player-playback.glitch.me
- Size: 99.2 MB
- Stars: 86
- Watchers: 21
- Forks: 16
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
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](https://github.com/vimeo/vimeo-threejs-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](https://vimeo.com/upload). 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](https://vimeo-authy.herokuapp.com/auth/vimeo/webgl), 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
```js
// 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](https://github.com/vimeo/vimeo-threejs-player)
> Streaming Vimeo videos requires video file access via the Vimeo API. Accessing video files is limited to [Vimeo Pro and Business](https://vimeo.com/upgrade) customers.
## Questions
For questions and support, open a [new issue on Github](https://github.com/vimeo/vimeo-depth-player/issues/new).
## License
This software is free software and is distributed under an [MIT License](LICENSE).
## Thanks
Special thanks to [three.js](https://github.com/mrdoob/three.js), [Depthkit](https://depthkit.tv) and [Depthkit.js](https://github.com/juniorxsound/DepthKit.js)