https://github.com/ismaelfaro/vr-video

360 video viewer, Svelte
https://github.com/ismaelfaro/vr-video

babylonjs oculus svelte svelte-component sveltejs vr-video

Last synced: 15 days ago
JSON representation

360 video viewer, Svelte

• Host: GitHub
• URL: https://github.com/ismaelfaro/vr-video
• Owner: ismaelfaro
• Created: 2015-09-14T23:15:53.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2022-09-27T17:07:15.000Z (about 2 years ago)
• Last Synced: 2024-10-15T19:21:56.223Z (22 days ago)
• Topics: babylonjs, oculus, svelte, svelte-component, sveltejs, vr-video
• Language: JavaScript
• Homepage:
• Size: 37.7 MB
• Stars: 19
• Watchers: 4
• Forks: 4
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 🌍 VR-video 

360 video viewer in Svelte Component and Web Component with Mobile and VR support.

It use babylonjs engine. Check more information about  [Babylonjs] (https://www.babylonjs.com/)

Documentation and Demo [https://ismaelfaro.github.io/vr-video](http://ismaelfaro.github.io/vr-video)

## 📦 Usage 

common use:

    

change camera setting:

  * cardboard:

        

  * vr:

        

  * Oculus:

        

## 🚀 User interaction 

the user can mmove the camera using the mouse or drag in touch screens. If you use the CardBoard or Oculus camera you can use the device orientation to move arounf the 360 video.

Clicking in the screen you can play or pause the video.