Option for adding a button in AR mode

[rksambari]

Description

Option for adding a button in model viewer AR mode, so that we can interact with the model in AR. After clicking on View in AR as soon as we get into AR mode, we want the button in AR mode.

Browser Affected

• Chrome, version: xx.x.xxxx.xx
• Edge
• Firefox
• IE
• Safari

OS

• Android
• iOS
• Linux
• MacOS
• Windows

AR

• WebXR
• SceneViewer
• QuickLook

[elalish]

WebXR mode is ideal for this, as any child of the MV element is shown in AR as well. You can control visibility with CSS using ar-status. With Scene Viewer and Quick Look you can only add query params to the URL to enable what API they provide (which can at least create a simple button).

[elalish]

I think this works in iOS, if that's what you mean: https://modelviewer.dev/examples/scenegraph/#changeColor

[codepushed]

Is it possible to add buttons when the model is in AR preview?

[elalish]

@codetill5 Did you read the above discussion? Yes, but only in WebXR mode, which is Android only. In Quick Look and Scene Viewer, you can only add their API URL params to the src and we'll forward them.

[zelghrabi-edu]

@elalish how can we do it with API URL params?

[elalish]

Here are the SceneViewer docs and here is the best we've found on QuickLook. Simply append these hash or query params to your src URL. They don't overlap with each other, so you can safely put both.