Webpage in CenarioVR?
August 14, 2019 12:00 AM
Hi everyone
We've got some third-party educational VR content we want to deliver via a website and I thought it may be interesting to link to the content via a VR webpage developed in CenarioVR rather than a standard webpage. I've written some simple JavaScript to do some browser identification so that Oculus Go users, etc. are directed to the CenarioVR pages and non-Oculus users are directed to a standard HTML website.
There are a couple of challenges I've hit with CenarioVR.
- Remove the Play button that appears over the top of the website when it is first launched (this is output from CenarioVR in HTML5, so we don't need it to behave as it would through a LMS).
- Create hyperlinks to the third party content via icons, buttons, etc. I'm reluctant to edit the HTML code directly as it makes maintenance more difficult, so wondering how others have got around this? I can't see any options in the actions tab, etc.
http://hee-vr360.azurewebsites.net/TEST/ - Don't judge the quality/design - this is just what I've been playing with :-)
Grateful for any ideas you may have!
Thanks
Richard
Discussion (2)
The Play button isn't there for an LMS, its there specifically for HTML5 (which is what you have when on an LMS also). The issue it solves is that browsers won't autoplay video or audio unless a user clicks on the content to play it, so CVR puts that play button up and holds onto the click in order to play the content. This is not an issue when running in any of the native CVR apps for phones or VR headsets where we can control it.
Hyperlinks to third party content is not natively in CVR, because it won't work properly in a phone or VR headset when running the CVR apps, as they are not running inside a browser. It can be done though. If you are certain your users won't be running using the CVR apps, you can use the methods described here to get any actions in the content, and act upon them in a browser.
https://cenariovr.com/blog-posts/communicating-between-cenariovr-and-other-content.html
By putting the JavaScript snippet in an HTML shell that contains the content, you can receive messages on everything that is happening inside of the content and launch anything you want to launch.
undefined
Hi John
Thanks for coming back to me so quickly and with a workable solution! I'll have a play with this on the website and see what I can get working. I was trying to avoid using A-Frame or something manual to do this and it sounds like CenarioVR can be adapted to make this work as I'd hoped.
Thanks
Richard
undefined
Discussions have been disabled for this post