Get full Screen controls in inline AR

Technical Support
1

I am trying to send the message from my inline AR experience to the Outer Website to show the close and fullscreen buttons - Inline AR | 8th Wall | 8th Wall

I am not having any success placing this line of code in the Tap to Place project which is acting as the inline AR experience (instead of the volcano AR Experience).

// Send message to parent when AR is ready (camera accepted)
window.addEventListener(
‘realityready’,
() => {*
window.parent?.postMessage(‘acceptedCamera’, '*’)
},
{ once: true }
)

Any advice is appreciated.

2

realityready is emitted on the scene element, not the window:

const messageComponent = {
  init() {
    this.el.sceneEl.addEventListener('realityready', () => {
      window.parent.postMessage('acceptedCamera', '*')
    })
  },
}