A versatile web application that allows you to immerse yourself in virtual reality experiences right from your browser. Whether you want to stream videos from your PC or play videos from your local storage, AFRAME VR Player has got you covered
Streaming Mode (Server)
- Stream from PC: Utilize the server mode to stream videos directly from your PC to your VR headset. Simply set up your PC as the server and enjoy seamless playback in VR.
Local Storage Mode (Web App)
- Play from Local Storage: With the file picker feature, you can easily select and play videos stored on your device (less flexible and convenience).
- Immersive VR Environment: Enjoy a fully immersive virtual reality experience with support for various VR headsets, allowing you to feel like you're right in the midst of the action 😉.
- Intuitive Controls: Navigate through your video library and adjust settings effortlessly with our user-friendly interface designed for seamless interaction.
Use the online version on your web browser. Choose the video with file picker.
- Download from the latest version from releases section
- Choose the
videos
folder and launch an instance on your PC. - Make sure your device and PC are connected on the same wifi/network
- go to the URL specified on the cli (192.168.X.X) on web browser of your device(I recommend Chrome on cardboard or firefox reality on oculus quest)
- Accept SSL certificate and enjoy
NOTE: You can generate your own SSL certificates using:
openssl req -x509 -newkey rsa:4096 -nodes -out cert.pem -keyout key.pem -days 365
OR
you can generate it online: https://www.cryptool.org/en/cto/openssl
Install go
& nodejs
git clone --recurse-submodules https://github.com/mysterion/aframe-vr-player.git
# start dev server
npm install
npm run devhost
# optional
# use "server" to serve videos from local folder
cd server
# make sure ffmpeg and ffprobe are available on `PATH`
./bake run # or export DEV=1 && go run avrp.go
# don't forget to set VITE_LISTING_URL & VITE_FILE_GET_URL in .env file
VR Player is compatible with a wide range of VR headsets, including:
- Oculus Quest
- Google Cardboard
- HTC Vive
- PlayStation VR
- Samsung Gear VR
- And more!
As this project uses AFRAME which uses WebXR API It should be run on WebXR compatible Web Browsers(More Info.)
We welcome contributions from the community to enhance AFRAME VR Player and make it even better. If you have any suggestions, bug reports, or feature requests, please feel free to open an issue or submit a pull request on GitHub.