{"_id":"@carloscgo/vue-web-cam","_rev":"1-407231cf31f6b1f911c17c23128e37b2","name":"@carloscgo/vue-web-cam","dist-tags":{"latest":"2.0.0"},"versions":{"2.0.0":{"name":"@carloscgo/vue-web-cam","version":"2.0.0","description":"Webcam component for Vuejs applications","main":"dist/index.js","author":{"name":"Carlos Camacho","email":"carloscgo123@gmail.com","url":"https://github.com/carloscgo"},"license":"Apache-2.0","homepage":"https://github.com/carloscgo/vue-web-cam","contributors":[{"name":"Vincent Gabriel","email":"vadimg88@gmail.com","url":"https://github.com/vinceg"},{"name":"Riccardo Giorato","email":"riccardoemanuele.giorato@gmail.com","url":"https://github.com/giorat"}],"scripts":{"build":"cross-env NODE_ENV=production webpack --progress --hide-modules --config build/webpack.config.js","dev":"cross-env NODE_ENV=development webpack-dev-server --hot --config demo/webpack.config.js","demo":"cross-env NODE_ENV=production webpack --progress --hide-modules --config demo/webpack.config.js"},"dependencies":{"vue":"^2.5.17"},"repository":{"type":"git","url":"git+https://github.com/carloscgo/vue-web-cam.git"},"devDependencies":{"@babel/cli":"^7.2.3","@babel/core":"^7.2.2","@babel/plugin-proposal-class-properties":"^7.0.0","@babel/plugin-proposal-decorators":"^7.0.0","@babel/plugin-proposal-export-namespace-from":"^7.0.0","@babel/plugin-proposal-function-sent":"^7.0.0","@babel/plugin-proposal-json-strings":"^7.0.0","@babel/plugin-proposal-numeric-separator":"^7.0.0","@babel/plugin-proposal-object-rest-spread":"^7.2.0","@babel/plugin-proposal-throw-expressions":"^7.0.0","@babel/plugin-syntax-dynamic-import":"^7.0.0","@babel/plugin-syntax-import-meta":"^7.0.0","@babel/plugin-transform-object-assign":"^7.2.0","@babel/plugin-transform-runtime":"^7.2.0","@babel/polyfill":"^7.2.5","@babel/preset-env":"^7.2.3","@babel/runtime":"^7.2.0","babel-eslint":"^10.0.1","babel-loader":"^8.0.5","cross-env":"^5.1","css-loader":"^0.25.0","eslint":"^5.8.0","eslint-plugin-import":"^2.14.0","eslint-plugin-prettier":"^3.0.0","eslint-plugin-vue":"^4.7.1","extract-text-webpack-plugin":"^3.0","file-loader":"^0.9.0","function-bind":"^1.0.2","html-webpack-plugin":"3.2.0","lodash":"^4.17.10","vue-loader":"^15.0.0","vue-style-loader":"^4.1.2","vue-template-compiler":"^2.5.7","webpack":"4.28.4","webpack-cli":"^3.2.1","webpack-dev-server":">=3.1.11","webpack-merge":"^0.14.1"},"engines":{"node":">= 8.10.0"},"gitHead":"958fb2c1181a2e50d5cfb26aef9d23515c4ce19b","bugs":{"url":"https://github.com/carloscgo/vue-web-cam/issues"},"_id":"@carloscgo/vue-web-cam@2.0.0","_nodeVersion":"10.15.3","_npmVersion":"6.8.0","dist":{"integrity":"sha512-mdiOU5OPw8swcOEVzoPTdgn3Uzvyxc8VP3FmPDuvYlvW6cMr1+ioA5pZnDy0jN72vpQUCg95h/6UESFc0NKD6Q==","shasum":"341bd5cb75e7f305918fff152c0e08a0ed5014e2","tarball":"https://registry.npmjs.org/@carloscgo/vue-web-cam/-/vue-web-cam-2.0.0.tgz","fileCount":13,"unpackedSize":341840,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcm7JRCRA9TVsSAnZWagAAVjMQAIZaPThjH/JYMhzRJGah\neHeWZ9dxMGDhUHLrIixLUKkZkkH6Fd6Df+qBwW3HeI06/oP10psjW/3Wepyy\nwlWipLeI0yvz7yYPFHUliHf509/FYLJSqbWwJePwAQUUPmDv6wfP8vp6zVVc\n+sQnwmCjH+8f9RwLwx4c7aXrGHktTU1odr21vn7TM+HC0pJ51rLXWI/ikxw0\n5t3Xi07D0Y8v0oULhbLUmlw/h+t9gV4LeptQNmobjtM1AoGlu/xjlgE+bIF2\naRV5hOPPVFRFYbWCfU3bwHuuaAL8a9yzP1+K/4pbNinGwuU+Vn+dVds9T5kB\n/gkHomYArfTNiQ01Yxn+H2s9zdKHFrYrjuBK4+NZUGlgrYQb6BXqHy1IC5QC\nMQTDV69P8FA7alL6Qg8RjJbzp7U3p3THRpIxFd744XWg02lAR9PS3P0ZhHA+\nr5/cBMhoaaOx1PYGrYAAwuQJOeMDbSGldcmRpqq734z5Kci+hkpmDpCRR7SJ\nr099gnk/vDw+N0qoOpk/N3ptSwAd6WfCLPw+bJUab4Vdqa0dxTUeDIrO1elx\n6YAtvAbv2QkHpNNbCSWxrRmKHZu2xfkYuNIrPXeX9w54bdq/r41rVZzb4M3C\nSz2xEYBCEOarOhx9gL79l8GO1emvyz4p7EOoGk+1IG7z2m1BxYGvT1Bo4HuC\ns8tS\r\n=wy6X\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCxY3yfS2BgM1/hXBPvbWQxqGLIzeeqx+aJkXCQUlb3hAIhAIbCuPnvVlmI6HecRc5O8qf8t7kZPzuAzKsjJOdyUW3f"}]},"maintainers":[{"name":"carloscgo","email":"carloscgo123@gmail.com"}],"_npmUser":{"name":"carloscgo","email":"carloscgo123@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-web-cam_2.0.0_1553707600126_0.23415296811113606"},"_hasShrinkwrap":false}},"time":{"created":"2019-03-27T17:26:39.888Z","2.0.0":"2019-03-27T17:26:40.287Z","modified":"2022-04-04T21:58:03.778Z"},"maintainers":[{"name":"carloscgo","email":"carloscgo123@gmail.com"}],"description":"Webcam component for Vuejs applications","homepage":"https://github.com/carloscgo/vue-web-cam","repository":{"type":"git","url":"git+https://github.com/carloscgo/vue-web-cam.git"},"contributors":[{"name":"Vincent Gabriel","email":"vadimg88@gmail.com","url":"https://github.com/vinceg"},{"name":"Riccardo Giorato","email":"riccardoemanuele.giorato@gmail.com","url":"https://github.com/giorat"}],"author":{"name":"Carlos Camacho","email":"carloscgo123@gmail.com","url":"https://github.com/carloscgo"},"bugs":{"url":"https://github.com/carloscgo/vue-web-cam/issues"},"license":"Apache-2.0","readme":"<p align=\"center\">\r\n    <img width=\"150\" src=\"assets/logo.png\">\r\n</p>\r\n\r\n<p align=\"center\">\r\n    <img src=\"assets/splash.png\">\r\n</p>\r\n\r\n# vue-web-cam\r\n\r\n[![npm](https://img.shields.io/npm/v/vue-web-cam.svg)](https://www.npmjs.com/package/vue-web-cam)\r\n[![npm](https://img.shields.io/npm/dm/vue-web-cam.svg)](https://www.npmjs.com/package/vue-web-cam)\r\n![Contributions welcome](https://img.shields.io/badge/contributions-welcome-orange.svg)\r\n[![License](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT)\r\n\r\nWebcam component for VueJs. See [this](http://caniuse.com/#feat=stream)\r\nfor browser compatibility.\r\n\r\n\r\n## Installation\r\n\r\n```\r\nnpm install @carloscgo/vue-web-cam --save\r\n\r\nyarn add  @carloscgo/vue-web-cam\r\n```\r\n\r\n## Usage\r\n\r\n```javascript\r\nimport Vue from 'vue'\r\nimport WebCam from 'vue-web-cam'\r\n\r\nVue.use(WebCam)\r\n// or\r\nimport {WebCam} from 'vue-web-cam'\r\nVue.component(WebCam.name, WebCam)\r\n```\r\n\r\n## Testing & Dev\r\n\r\n```\r\nnpm run dev\r\n```\r\n\r\n### Props\r\n\r\n| prop             | type    | default      | notes                     |\r\n| ---------------- | ------- | ------------ | ------------------------- |\r\n| height           | number  | 500          | height of video element   |\r\n| width            | number  | 500          | width of video element    |\r\n| autoplay         | boolean | true         | autoplay attribute        |\r\n| screenshotFormat | string  | 'image/jpeg' | format of screenshot      |\r\n| deviceId         | string  | null         | currently selected camera |\r\n\r\n### Events\r\n\r\n| name           | param    | notes                                                         |\r\n| -------------- | -------- | ------------------------------------------------------------- |\r\n| started        | stream   | emitted once the stream has started                           |\r\n| stopped        | stream   | emitted once the stream has stopped                           |\r\n| error          | error    | emitted if the stream failed to start with the error returned |\r\n| notsupported   | error    | emitted when the browser does not support this feature        |\r\n| cameras        | cameras  | emitted when a list of all cameras available is loaded        |\r\n| camera-change  | deviceId | emitted when camera change occurs                             |\r\n| video-live     | stream   | emitted when video is started                                 |\r\n\r\n### Methods\r\n\r\n| name           | param    | notes                                                                   |\r\n| -------------- | -------- | ----------------------------------------------------------------------- |\r\n| capture        | void     | Capture the current image through the webcam as base64 encoded string   |\r\n| changeCamera   | deviceId | change the currently selected camera. Must pass in the device ID        |\r\n| start          | void     | Programatically Start the camera after stopping it (relies on deviceId prop passed to the component)                     |\r\n| stop           | void     | Programatically stop the camera      |\r\n\r\n## Contributing\r\n\r\nIf you'd like to help make this project better you can help with the following tasks:\r\n\r\n* Tests - This project needs a way to test the functionality using a javascript testing solution (Jest as an example)\r\n* Examples - Additional Examples of usage might be helpful to others.\r\n* Project Website - Perhaps launch a project website (on Github Pages) that'll showcase the plugin, Demo, Usage instructions, configuration etc..\r\n\r\n## License\r\n\r\nMIT\r\n\r\n## Credits\r\n\r\nThis is based off [@smronju vue-webcam](https://github.com/smronju/vue-webcam) and [react-webcam](https://github.com/mozmorris/react-webcam)\r\n","readmeFilename":"README.md"}