This project contains various sample Viro projects.
To report bugs/issues with Viro platform, please file new issues on this repository.
- Follow directions on our Quick start guide to setup dependencies for trying these sample projects with the Viro Media App.
- Clone the repo into your workspace with git:
git clone https://github.com/viromedia/viro.git
. - Edit index.ios.js or index.android.js, depending on your test device, and replace "API_KEY_HERE" with the key emailed to you with signup.
- Run
npm install
from the root of this project. - Run
npm start
from the root of this project. - Open the Viro Media App, slide out the left panel and select "Enter Testbed".
- Type the entire ngrok URL output (xxxxxx.ngrok.io) at the top of the terminal into the text field and hit 'GO'
- You should now be in the application! Enjoy!
- Open the index.ios.js or index.android in a text editor
- Modify line 39:
scene: scenes['360 Photo Tour'],
to a scene defined in thescenes
dictionary on line 23. - Reload/restart the application.
Check out our website.
Look at our documentation.
A scene with a 360 photo that displays "Hello World".
360 photo tour example that shows you how to display a 360 photo with clickable hot spots.
This example showcases 3d objects. Orbit around a 3d Heart to see it from different angles!
Learn how to display and play 2d and 360 video with interactive play controls that can play, pause and stop.
A demonstration on how to do an interactive shopping app for TV's. Uses flexbox for UI and 3d objects with animations.