vuejs 制作摄像头_VueJs的网络摄像头组件

vuejs 制作摄像头

网络摄像头 (vue-web-cam)

Webcam component for VueJs.

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

Struts	类型	默认	笔记
高度	数	500	视频元素的高度
宽度	数	500	视频元素的宽度
自动播放	布尔值	真正	自动播放属性
screenshotFormat	串	'图像/ JPEG'	屏幕截图格式
设备编号	串	空值	当前选择的相机

大事记 (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

名称	参数	笔记
捕获	虚空	通过网络摄像头将当前图像捕获为base64编码的字符串
切换镜头	设备编号	更改当前选择的摄像机。 必须输入设备ID

翻译自: https://vuejsexamples.com/webcam-component-for-vuejs/

vuejs 制作摄像头