Skip to content
This repository has been archived by the owner on Dec 15, 2020. It is now read-only.

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

Open
shawnscoding opened this issue Jun 24, 2020 · 1 comment
Open

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

shawnscoding opened this issue Jun 24, 2020 · 1 comment

Comments

@shawnscoding
Copy link

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
Copy link

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'}} />

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants