Categories
Guides

Creating a Marker Video AR Experience using ROAR Web-based Online Platform

Yesterday I spent some time with ROAR app and theroar.io website. ROAR is a web-based platform that alongside its complementary AR apps enable users and companies to easily create and share their own augmented reality experiences.

On their website, you can find public ROARs that others have shared and you can even try a demo yourself using a 1-dollar bill and the app which is available for both iOS and Android.

ROAR editor is a web-based online tool that allows the creation of high quality augmented reality experiences in a few clicks. It was designed from the ground up to allow non-technical users to create their own experiences and share them with others.

The platform supports different types of experiences, including Target Image (market-based) and those who run on detected surfaces using ARKit and ARCore. It depends on which experience you want to deliver, and the ROAR app will deliver it using the appropriate AR framework, whether it’s Wikitude, ARKit, ARCore, Vuforia, etc.

The editor features drag-and-drop functionality that makes it easy to add UI controls and different multimedia and 3D assets into your experience. It’s definitely one of the most versatile Augmented Reality editors on the market today.

ROAR also supports WebAR and deliver unique AR multimedia experiences that combine images, audio, 3D models and text. The great thing about WebAR is that you don’t need an app to view the content on iOS. It is delivered using USDZ file format and you can view it straight in Safari browser on your iPhone or iPad mobile device.

Marker-based YouTube Video Playback

In my first video guide, I share with you how I created a market-based experience where a user can use it to point the device towards the logo of AR Critic either on YouTube channel or on the header of this blog and see the introductory video from my YouTube channel.

It’s a very simple experience that is very easy to do. I just uploaded the image that serves as a marker to ROAR, copied and pasted the URL of the YouTube video, set a few parameters (e.g. play automatically on image detection), position the video relative to the image marker and share¬†it publicly.

Now I used ROAR app on my Android device to see the experience. Here is the full guide. I hope you find it useful.

*In the next video I’ll use screen recording for better quality.