Shows webcam or phone camera video feed inside an A-Frame Web-VR environment.
Demo: https://flysonic10.github.io/aframe-passthrough/
Requires Aframe >= 0.3.0
Install and use by directly including the browser files:
<head>
<title>My A-Frame Scene</title>
<script src="https://aframe.io/releases/0.3.0/aframe.min.js"></script>
<script src="https://rawgit.com/flysonic10/aframe-passthrough/master/dist/aframe-passthrough-component.min.js"></script>
</head>
<body>
<a-scene>
<a-assets></a-assets>
<a-passthrough width="16" height="9"></a-passthrough>
</a-scene>
</body>Install via npm:
npm install aframe-passthrough-componentThen register and use.
require('aframe');
require('aframe-passthrough-component');The passthrough component will show the camera feed from a webcam when viewed on a desktop, and will attempt to use the back-facing camera when viewed on a mobile device.
Cool additions would be:
- Camera selector: to select between front and back facing cameras on mobile
- Mirror attribute: to flip the view to mirrored