Cannot take screenshot of AR scene
See original GitHub issueDescription: I am developing web AR using aframe but I cannot get screenshot of gameplay. It’s wired. My web AR project is to place object on the floor markerless.
- A-Frame Version: 1.2.0
- Platform / Device: Android
- Reproducible Code Snippet or URL:
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ARcore Experience</title>
<link rel="stylesheet" type="text/css" href="assets/css/android/android_arcore.css">
<script src="https://cdn.jsdelivr.net/gh/aframevr/aframe@e47f441/dist/aframe-master.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/donmccurdy/aframe-extras@v6.1.0/dist/aframe-extras.min.js"></script>
<script src="https://ghcdn.rawgit.org/chenzlabs/aframe-ar/8a7ee3b/dist/aframe-ar.min.js"></script>
<script src="https://unpkg.com/merge-images"></script>
</head>
<body style="margin: 0px; overflow: hidden;">
<!-- Next & Capture Button -->
<div class="buttons">
<button class="next-button">Next</button>
</div>
<a-scene ar raycaster-move="target:#intersection" >
<a-camera user-height="0" cursor="fuse:false" ar-raycaster raycaster="objects:none">
</a-camera>
<a-sphere id="intersection" visible="false" radius="0.02" color="red">
</a-sphere>
</a-scene>
</body>
</html>
In some AR, I can see video tag to show streams from webcam but in this markerless AR, I cannot see video tag. so I cannot merge picture from video and picture from 3d enviroment. Also I am using dom-overlay to show some UI buttons.
Issue Analytics
- State:
- Created 2 years ago
- Comments:14 (8 by maintainers)
Top Results From Across the Web
Cannot take a screenshot of my webgl page - Stack Overflow
I'm using AR.JS to do augmented reality, and this runs normally too. Tried the demo at codepen and it takes normally in my...
Read more >Take a screenshot or record your screen on your Android device
You can take a picture (screenshot) or record a video of your phone's screen. After you capture your screen, you can view, edit,...
Read more >Grabbing Screenshots in AR Foundation - LinkedIn
Take a Screenshot of an Augmented Reality scene and then place that content in the AR scene as an anchored object.
Read more >How to Take Screenshot from Unity Scene - YouTube
Take PHOTOS in Unity (POLAROID Pictures Camera UI) · Taking Screenshots for Publishing directly in Unity · Augmented Reality ( AR ) tutorial...
Read more >[RESOLVED] Can't Take Screenshot Due to Security Policy
On that screen type “Incognito Screenshot” in the search bar. Once the option is available, it will display the option.
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Feature request to implement a WebXR screenshot feature on the model-viewer itself: https://github.com/google/model-viewer/issues/1481
It also depends on the WebXR standard to expose the camera feed that it’s not available at the moment.
What the model viewer is doing is opening the Android built-in native Scene Viewer via an intent. It’s a separate app that offers a simple way to preview 3D models (Web APIs constraints don’t apply in that context). It’s equivalent to the Quick Look viewer on iOS for USDZ models.