vue-web-cam
Webcam component for VueJs.
Installation
npm install vue-web-cam --save
yarn add vue-web-cam
Usage
import Vue from 'vue'
import WebCam from 'vue-web-cam'
Vue.use(WebCam)
// or
import {WebCam} from 'vue-web-cam'
Vue.component(WebCam.name, WebCam)
Testing & Dev
npm run dev
Props
| prop |
type |
default |
notes |
| height |
number |
500 |
height of video element |
| width |
number |
500 |
width of video element |
| autoplay |
boolean |
true |
autoplay attribute |
| screenshotFormat |
string |
'image/jpeg' |
format of screenshot |
| deviceId |
string |
null |
currently selected camera |
Events
| name |
param |
notes |
| started |
stream |
emitted once the stream has started |
| stopped |
stream |
emitted once the stream has stopped |
| error |
error |
emitted if the stream failed to start with the error returned |
| notsupported |
error |
emitted when the browser does not support this feature |
| cameras |
cameras |
emitted when a list of all cameras available is loaded |
| camera-change |
deviceId |
emitted when camera change occurs |
Methods
| name |
param |
notes |
| capture |
void |
Capture the current image through the webcam as base64 encoded string |
| changeCamera |
deviceId |
change the currently selected camera. Must pass in the device ID |
GitHub