question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Cannot take screenshot of AR scene

See original GitHub issue

Description: 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. image

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:14 (8 by maintainers)

github_iconTop GitHub Comments

2reactions
dmarcoscommented, Mar 23, 2021

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.

1reaction
dmarcoscommented, Mar 23, 2021

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.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found