pollux2015 / vue-camera

getusermedia调用摄像头拍照与生成canvas

vue-camera

vue-camera，一个自己写的vue插件，getusermedia调用摄像头拍照与生成canvas, 毕设做完会继续填坑~~

演示(demo)

demo

Install

npm install vue-camera

How to use

组件调用

<template>
  <div>
    <Camera/>
  </div>
</template>

import camera from 'vue-camera'
export default {
  name: 'app',
  components: {
    Camera
  }
}

Props

props: {
  ow: {
    type: [Number, String],
    default: 400
  },
  oh: {
    type: [Number, String],
    default: 300
  },
  fillColor: {
    type: String,
    default: '#000'
  },
  placement: {
    type: String,
    default: '请点击打开摄像头'
  },
  maxView: {
    type: Number,
    default: 10
  }
}

$emit

this.$emit('error', err); // 错误
this.$emit('tocanvas', dataUrl) // 拍照生成canvas

vue-camera's Issues

代码运行起来后，打开后报“NotSupportedError”提示不支持设备

代码运行起来后，点击“打开摄像头”后报“NotSupportedError”提示不支持设备，但是你提供的demo访问是可以正常打开的，代码是少提交内容了还是需要做什么特殊设置？

为什么我使用的时候画面全黑呢...

摄像头旁边的灯确实亮了