facebookarchive / react-360

Create amazing 360 and VR content using React
https://facebook.github.io/react-360
Other
8.73k stars 1.22k forks source link

how can I exactly create 360 video with react 360? #804

Open shawnscoding opened 4 years ago

shawnscoding commented 4 years ago

Today, I started a project that requires 3D objects, 360 Images, and 360 videos on the frontend. I managed to easily make 360 images, but I found it really hard to create a 360 video. I tried so many ways but none of them worked. I think the documentation doesn't really have a clear explanation on how to create a 360 video and what kind of format the video should be applied in, plus I don't have any 3D related experience so it's really hard for me to figure out how to achieve this.

could you tell me how to create a 360 video with some sample code or example? or giving me some code example would be so appreciated as well.

I didn't post my code here cause what I wrote is really messy and useless here. thank you in advance !!

Additional Information

react-360' package version: react-360@1.1.0 react-360-web' package version: react-360-web@1.1.0 Operating System: Windows Browser: all

Haoui-Hamza commented 4 years ago

just Import video Element from React360 import { AppRegistry, StyleSheet, Text, Environment, Video } from 'react-360'; Then add it to the JSX in your class <Video style={{width: 800.0,height:400.0}} source={{uri:'./static_assets/hel.mp4'}} />