AR experience on laptop/desktop

Hi everyone,

I am new to 8th Wall and WebAR, and I would like to know if there’s a way to create AR experiences that work not only on mobile devices but also on laptops/desktops. My goal is to make the experience more inclusive by supporting keyboard navigation, screen readers, and other accessibility tools typically used on desktops.

For example, mobile users can scan a QR code to launch the AR experience, while users with accessibility needs (such as those relying on screen readers or keyboard navigation) could receive a separate link to a more accessible desktop version of the experience.

Has anyone implemented something similar or have suggestions on best practices for handling accessibility in WebAR across platforms? Any tips on what works (or doesn’t) when it comes to integrating assistive technologies with 8th Wall would be greatly appreciated.

Thanks in advance for any guidance!

Hi, welcome to the forums!

8th Wall is based on the Camera feed of the device. It’s totally possible to have an experience work on both Desktop and Mobile.

1 Like

Thank you for your response!

I’ve tried creating and cloning a couple of projects to test things out. The first one I tried was “Face Effects”, and it worked perfectly on both my mobile device and laptop — that was great to see!

However, when I tested the “Image Targets” project, it didn’t seem to work on my laptop when I clicked the link. I’m wondering if I might have missed something to make it compatible with both mobile and desktop?

Here are the links to my test projects:
Face Effects: FaceScan
Image Targets: ImageScan

I’d appreciate any insight or suggestions you might have!

Thank you again!

Did you bring the provided image(s) up to the Camera? :stuck_out_tongue:

1 Like

:laughing:
When I clicked the link to the Image Targets experience on my laptop, it took me to a page that displayed a barcode with the message “Scan or visit to continue.”


It did not access my laptop camera like the Face Effects project link does.

For the Face Effects project, clicking the link opens the experience directly in the browser and immediately activates my laptop’s camera, allowing me to see the effect (the glasses) on my face right away.

Please let me know if I’m missing a step .

Thank you,

Ah, the reason you’re seeing this landing page is because Image Target experiences are usually intended for mobile. The landing page is triggered by the camera configuration in the project that determines which devices are intended for the project. The idea here is that you’d scan the QR code with your phone and it will work as normal.

1 Like

Thank you for the explanation! I was wondering—is there a way to configure an “Image Targets” project so that it works on both mobile devices and laptops? Ideally, I’d like it to do one of the following:

  1. Activate the laptop camera (like Face Effects experiences do), or
  2. Skip the camera functionality entirely and just play the animations when accessed from a laptop—especially for users with accessibility needs or without access to a mobile device.

Is that possible with the current setup, or is it limited to mobile use only? And if it is possible, could you please let me know how to set that up?

Thank you in advance!

You can change the device compatibility in the camera settings, like this:

1 Like

Thank you for the instruction. I followed the steps and changed the setting as advised in my “Image Targets” project, but unfortunately, it still didn’t work on my end.

When I tested it, I was redirected to the landing page as normal and my laptop’s camera was not activated. I also noticed a warning message stating, “The current configuration is still in development,” when I switched the camera setting to “laptop/desktop only.”

Could this be the reason the image targets project is not working on my laptop? Or is it possible that I might have missed a step? I’ve attached a screenshot for reference.

Image Targets are intended for mobile since it doesn’t really make sense to do it on a laptop camera where you’d have to bring the target the camera physically.

The ideal setup would be:

Type: World,
Mobile: AR, Desktop: Disabled.