jiker-video-monitor v0.1.16

jiker-video-monitor

Installation

npm install jiker-video-monitor --save

Usage examples

引入 vue 组件：

<jiker-video-monitor 
    ref="jiker-video-monitor"
      :videoWidth="videoWidth"
      :videoHeight="videoHeight"
      :isShowImg="isShowImg"
      :imgName="imgName"
      @refreshURL="getImage"
    >
          <template v-slot:button>
        <button @click="handleEvent('getCompetence')">打开摄像头</button>
        <button @click="handleEvent('setImage')">拍照</button>
        <button @click="handleEvent('remakeImage')">重新拍照</button>
        <button @click="handleEvent('stopNavigator')">关闭摄像头</button>
      </template>
    </jiker-video-monitor>

import { JikerVideoMonitor } from "jiker-video-monitor";

export default {
  components: {
    JikerVideoMonitor,
  },
  data() {
    return {
      videoWidth: 300,
      videoHeight:300,
      isShowImg:true,
      imgName:"截图",
    };
  }
    methods: {
    handleEvent(e) {
      this.$refs["jiker-video-monitor"][e]();
    },
    getImage(e) {
      //e: image file
      console.log(e);
    },
  },
};

Lints and fixes files

yarn lint

Customize configuration

See Configuration Reference.