创建虚拟现实360度视频展示的Polymer Web 组件:VR-video

jopen 9年前

创建虚拟现实360度视频展示的Polymer Web 组件。

Polymer Web Component to create virtual reality 360 video presentation.

It use babylonjs engine. Check more information about Babylon.css

Documentation and Demo http://ismaelfaro.github.io/vr-video

Usage

common use:

<vr-video video="[Video URL]" ></vr-video>

change camera setting:

  • cardboard:

    <vr-video camera="cardboard" video="[Video URL]" ></vr-video>
  • vr:

    <vr-video camera="vr" video="[Video URL]" ></vr-video>
  • Oculus:

    <vr-video camera="oculus" video="[Video URL]" ></vr-video>

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.

项目主页:http://www.open-open.com/lib/view/home/1442328842368