https://github.com/willwnekowicz/aframe-passthrough

Component and Element providing live camera support to Aframe
https://github.com/willwnekowicz/aframe-passthrough

Last synced: about 1 month ago
JSON representation

Component and Element providing live camera support to Aframe

• Host: GitHub
• URL: https://github.com/willwnekowicz/aframe-passthrough
• Owner: willwnekowicz
• License: mit
• Created: 2016-10-02T23:34:31.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2017-03-31T17:38:36.000Z (over 7 years ago)
• Last Synced: 2024-09-24T09:13:39.602Z (3 months ago)
• Language: JavaScript
• Size: 380 KB
• Stars: 32
• Watchers: 4
• Forks: 7
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
## aframe-passthrough

Shows webcam or phone camera video feed inside an [A-Frame](https://aframe.io) Web-VR environment.

Demo: [https://flysonic10.github.io/aframe-passthrough/](https://flysonic10.github.io/aframe-passthrough/)

### Installation

Requires Aframe >= 0.3.0

#### Browser

Install and use by directly including the [browser files](dist):

```html

  My A-Frame Scene

  

  

  

    

    

  

```

#### npm

Install via npm:

```bash

npm install aframe-passthrough-component

```

Then register and use.

```js

require('aframe');

require('aframe-passthrough-component');

```

### Notes   

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.

### Roadmap  

Cool additions would be:

- Camera selector: to select between front and back facing cameras on mobile

- Mirror attribute: to flip the view to mirrored