{"_id":"@argueta10/vue-webrtc","_rev":"1-dd9e49c47bf599dd4c32cf4ed0ba1ffb","name":"@argueta10/vue-webrtc","dist-tags":{"latest":"1.3.0"},"versions":{"1.3.0":{"name":"@argueta10/vue-webrtc","version":"1.3.0","description":"WebRTC video component for Vue.js","main":"dist/index.js","author":{"name":"Gerardo Argueta","email":"arguetagra15@gmail.com","url":"https://github.com/argueta15"},"contributors":[],"scripts":{"build":"cross-env NODE_ENV=production webpack --progress --hide-modules --config build/webpack.config.js","builddemo":"cross-env NODE_ENV=production webpack --progress --hide-modules --config demo/webpack.config.js","demo":"cross-env NODE_ENV=production webpack-dev-server --open --config demo/webpack.config.js","dev":"cross-env NODE_ENV=development webpack-dev-server --hot --open --port 31415 --config demo/webpack.config.js","devs":"cross-env NODE_ENV=development webpack-dev-server --hot --open --https --host 192.168.1.64 --port 31415 --config demo/webpack.config.js"},"dependencies":{"adapterjs":"^0.15.4","rtcmulticonnection":"^3.6.9","url-parse":"^1.4.7","vue":"^2.6.11"},"repository":{"type":"git","url":"git+https://github.com/argueta15/vue-webrtc.git"},"license":"MIT","devDependencies":{"babel-core":"^6.26.3","babel-loader":"^7.1.5","babel-plugin-transform-runtime":"^6.23.0","babel-preset-latest":"^6.24.1","babel-preset-stage-2":"^6.24.1","babel-register":"^6.26.0","babel-runtime":"^6.26.0","cross-env":"^7.0.2","css-loader":"^3.4.2","file-loader":"^6.0.0","function-bind":"^1.1.1","html-webpack-plugin":"^4.0.2","lodash":"^4.17.15","mini-css-extract-plugin":"^0.9.0","vue-loader":"^14.2.4","vue-loader-plugin":"^1.3.0","vue-style-loader":"^4.1.2","vue-template-compiler":"^2.6.11","webpack":"^4.42.1","webpack-cli":"^3.3.11","webpack-dev-server":"^3.10.3","webpack-merge":"^4.2.2"},"gitHead":"e715e1c699996a3f4046493d34160e5d4d42d861","bugs":{"url":"https://github.com/argueta15/vue-webrtc/issues"},"homepage":"https://github.com/argueta15/vue-webrtc#readme","_id":"@argueta10/vue-webrtc@1.3.0","_nodeVersion":"12.16.1","_npmVersion":"6.14.4","dist":{"integrity":"sha512-wM0uG8wlaw8xC/10Pb+iTlKmzHUZsOljbtoRI/FwZwslQX7QQXTb1vHBNoc8D5SjtVo+9O9rGfFWMQvU8gFX5w==","shasum":"0737e16db3324a9a150602e78b2a5dde008195ca","tarball":"https://registry.npmjs.org/@argueta10/vue-webrtc/-/vue-webrtc-1.3.0.tgz","fileCount":20,"unpackedSize":7099102,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJef+N2CRA9TVsSAnZWagAAr8UP/2r1om5xVrvIyTXNe5cG\nz/KFEh1RT3SzE9k3B5XmPo8Y1tPC2mn2bwnrYYOBJ69b6Vs41n9aFb5Ytfej\nPaCnlca4OngHPpgIm5jUV2kAVsAKgoP4FFXbez4xOolqETucAV4Po947BaIA\nGT9/XZzLTIuZu8/v69/vP//mWwcx6xCd14ZceDHAzQN9l3sNs7HBbiIwnlJ7\nhoU133/yGP3P1ywHfi7OR57+ByhhYReCjMf5oJEPY3DF4sIJoDYDSFdSaAQk\nxYPZDxFHXdw6GGKVMaIhX+WjNn/jlX4CO8VFeqOVeZsflxBOqpe0hQx6t7IZ\nZyKoJW0xwEl7biksVrMBW6wHNNsP7jV/XLS7a8Yln8G1Q9V0/ly0txTPtPk6\nXKDOGIyCX9knffGRZI4TG2VAZ0GHv403WNl784M94RL6wA4PUo8ei6Do0FcG\nBOsyy7oJff95RHiXf66AlJXzCUmBmscKkSJ0o/cddst6v9Ng+9FMgKHeOiUN\nYTX9ZMAj4VsU9oERgFmlkskV/zE7DxWntd3l+XEu2CDLispDbmnu5/ljp+br\nyq2CPcv2x1CkNaHJhHMfGusL8revo/SsLeUbmiZvj9D1cwodIyBr/MkEWvLt\naVOHqEz7O1bZ+CNFYIQFXlD9o8BuqJU87MVjG9VGfRKCPkyXpNuNvZ7NaJwx\nRLkK\r\n=lMUD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG6EM2xaApoLvB8YFw8K7qYOe/q7L/EMnNfow35/NDU9AiAVMS7E7iEu7+K+LMcYDpblofv2PI3vuQ3LgV6T7NG6Qw=="}]},"maintainers":[{"name":"argueta10","email":"arguetagra15@gmail.com"}],"_npmUser":{"name":"argueta10","email":"arguetagra15@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-webrtc_1.3.0_1585439606199_0.3226387546046867"},"_hasShrinkwrap":false}},"time":{"created":"2020-03-28T23:53:25.942Z","1.3.0":"2020-03-28T23:53:26.462Z","modified":"2022-04-04T15:24:36.290Z"},"maintainers":[{"name":"argueta10","email":"arguetagra15@gmail.com"}],"description":"WebRTC video component for Vue.js","homepage":"https://github.com/argueta15/vue-webrtc#readme","repository":{"type":"git","url":"git+https://github.com/argueta15/vue-webrtc.git"},"contributors":[],"author":{"name":"Gerardo Argueta","email":"arguetagra15@gmail.com","url":"https://github.com/argueta15"},"bugs":{"url":"https://github.com/argueta15/vue-webrtc/issues"},"license":"MIT","readme":"# new features\n\n- package.json updated\n- webpack.config.js updated to webpack 4\n- package rtcmulticonnection 3.6.9\n- error node engines resolved\n\n# vue-webrtc\n\nWebRTC component designed for Vue.js ... See the [DEMO](https://westonsoftware.github.io/vue-webrtc/)\n\n
\n \n
\n\n[](https://www.npmjs.com/package/vue-webrtc)\n[](https://www.npmjs.com/package/vue-webrtc)\n\n[](https://opensource.org/licenses/MIT)\n\nSee [this](http://caniuse.com/#feat=stream)\nfor browser compatibility.\n\n\n## Installation\n\n```\nnpm install vue-webrtc --save\n\nyarn add vue-webrtc\n```\n\n## Usage\n\n```javascript\nimport Vue from 'vue'\nimport WebRTC from 'vue-webrtc'\n\nVue.use(WebRTC)\n// or\nimport {WebRTC} from 'vue-webrtc'\nVue.component(WebRTC.name, WebRTC)\n\n// template\n\n\n```\n\n## Testing & Dev\n\n```\nnpm run dev\nnpm run demo\n```\n\n### Props\n\n| prop | type | default | notes |\n| ---------------- | ------- | ------------ | ------------------------- |\n| roomId | string | 'public-room' | id of the room to join |\n| socketURL | string | '' | URL of the signaling server |\n| cameraHeight | number | 160 | height of video element |\n| autoplay | boolean | true | autoplay attribute |\n| screenshotFormat | string | 'image/jpeg' | format of screenshot |\n| enableAudio | boolean | true | enables audio on join |\n| enableVideo | boolean | true | enables video on join |\n| enableLogs | boolean | false | enables webrtc console logs |\n\n### Events\n\n| name | param | notes |\n| -------------- | -------- | ------------------------------------------------------------- |\n| opened-room | roomid | emitted when the first user opens the room |\n| joined-room | video | emitted when anyone joins the room |\n| left-room | video.id | emitted when anyone leaves the room |\n| share-started | video.id | emitted when a local screen share stream starts |\n| share-stopped | video.id | emitted when a local screen share stream stops |\n\n### Methods\n\n| name | param | notes |\n| -------------- | -------- | ----------------------------------------------------------------------- |\n| join | void | Join a room, opening it if needed |\n| leave | void | Leave a room |\n| capture | void | Capture the current image through the webcam as base64 encoded string |\n| shareScreen | void | Share your screen or an app as video |\n\n### Styles\n\n.video-list\n\n.video-item\n\n## History\n\n| Version | Notes |\n| -------------- | ----------------------------------------------------------------------- |\n| 1.3.0 | rtcmulticonnection 3.6.9 |\n| 1.2.0 | Added the Screen Share button |\n\n\n## Roadmap\nThere are many more features provided by the RTCMultiConnection library that we'd like to support, including:\n- Camera selection (we currently use the default camera)\n- Audio selection\n- WebRTC data events\n\nLet us know what you'd like to see next and vote for a feature.\n\n## License\n\nMIT\n\n\n## Credits\n\nAuthor: [@AndyWeston on GitHub at vue-webrtc](https://github.com/westonsoftware)\n\nThis project is based off of the excellent work found at WebRTC Experiments:\nhttps://www.rtcmulticonnection.org/\n\n\nThe Vue.js work is based on this camera component: \n[@vinceg vue-web-cam](https://github.com/vinceg/vue-web-cam)\n\n\n\n","readmeFilename":"README.md"}
![](\"assets/screenshot.png\")
\n