Screenshot or take a picture on AR

Help & Support
1

I added this script Capturing a screenshot | Learn PlayCanvas but when I put it in my script the button doesn’t appear

2

What type of AR project are you doing? WebXR? Artoolkit? 8th Wall?

3

artoolkit

4

I imagine that should work fine. Has the DOM object been added to the webpage document?

Can you post your project here please?

5

oh ya sorry here’s my project https://playcanvas.com/editor/scene/1042344

6

The DOM button needs to be on a higher z-index then the WebGL canvas (which is currently on 1). On the CSS for the div class .container, add z-index to 2 and it will appear

image
image3362×1866 1.5 MB

7

it worked thanks. but screenshots only take entities?

8

Yes, that’s correct as the code is tied to what the PlayCanvas is rendering. The video is a separate DOM.

Not 100% how to go about this without either compositing the images together or rendering the camera feed into a texture or rendering the video on the screenshot canvas first.

9

This is a better version of the screen project that uses rendertargets and offscreen canvas to make the screenshot: https://playcanvas.com/editor/scene/719944

From here, you will be able extend this to perhaps render the video first on the canvas?

10

I thought it would work like taking a picture.

yeah maybe i will try to find it

11

I’m afraid there is no API exposed in the browser to do this :frowning: