{"_id":"@deepprediction/rrweb-plugin-canvas-webrtc-record","_rev":"7-e1618dde6051492beaf4b1d60be903fe","name":"@deepprediction/rrweb-plugin-canvas-webrtc-record","dist-tags":{"alpha":"2.0.0-alpha.18","latest":"2.0.0-alpha.24"},"versions":{"2.0.0-alpha.18":{"name":"@deepprediction/rrweb-plugin-canvas-webrtc-record","version":"2.0.0-alpha.18","keywords":["rrweb"],"author":{"name":"justin@recordonce.com"},"license":"MIT","_id":"@deepprediction/rrweb-plugin-canvas-webrtc-record@2.0.0-alpha.18","maintainers":[{"name":"dschmetterling","email":"david@deepprediction.ai"},{"name":"eoghanmurray","email":"eoghanomurray@gmail.com"}],"homepage":"https://github.com/rrweb-io/rrweb#readme","bugs":{"url":"https://github.com/rrweb-io/rrweb/issues"},"dist":{"shasum":"d31b68b8914a0a7fe241e7f376cf2e5be73bcbda","tarball":"https://registry.npmjs.org/@deepprediction/rrweb-plugin-canvas-webrtc-record/-/rrweb-plugin-canvas-webrtc-record-2.0.0-alpha.18.tgz","fileCount":2,"integrity":"sha512-B5p30KmJDQJsmRuWeUvFPSpDMV6ACsQflGI0G9DT4kv4fTC6a2gXgzP6zjFSCPS6NLdYHh0flL79qWwfHhISuQ==","signatures":[{"sig":"MEQCIAniO2B1YjKJ3orJ5aJMV4kfJ7Jl3juibryojmJdEaLoAiAA/nhkT8F/xrtm6f1XqCCap1fjijA8lYnbQNi3IY/f7A==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":4041},"main":"./dist/rrweb-plugin-canvas-webrtc-record.umd.cjs","type":"module","unpkg":"./dist/rrweb-plugin-canvas-webrtc-record.umd.cjs","module":"./dist/rrweb-plugin-canvas-webrtc-record.js","exports":{".":{"import":{"types":"./dist/index.d.ts","default":"./dist/rrweb-plugin-canvas-webrtc-record.js"},"require":{"types":"./dist/index.d.cts","default":"./dist/rrweb-plugin-canvas-webrtc-record.cjs"}}},"gitHead":"269dcac785bea8852630a8a5a4aa9c12f55f25ad","scripts":{"dev":"vite build --watch","build":"yarn turbo run prepublish","prepublish":"tsc -noEmit && vite build","check-types":"tsc -noEmit"},"typings":"dist/index.d.ts","_npmUser":{"name":"eoghanmurray","email":"eoghanomurray@gmail.com"},"repository":{"url":"git+https://github.com/rrweb-io/rrweb.git","type":"git"},"_npmVersion":"10.8.2","description":"Plugin that live streams contents of canvas elements via webrtc","directories":{},"_nodeVersion":"20.19.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^5.3.1","rrweb":"^2.0.0-alpha.18","typescript":"^5.4.5","vite-plugin-dts":"^3.9.1"},"peerDependencies":{"rrweb":"^2.0.0-alpha.18"},"_npmOperationalInternal":{"tmp":"tmp/rrweb-plugin-canvas-webrtc-record_2.0.0-alpha.18_1744834913373_0.5196662039757529","host":"s3://npm-registry-packages-npm-production"}},"2.0.0-alpha.19":{"name":"@deepprediction/rrweb-plugin-canvas-webrtc-record","version":"2.0.0-alpha.19","keywords":["rrweb"],"author":{"name":"justin@recordonce.com"},"license":"MIT","_id":"@deepprediction/rrweb-plugin-canvas-webrtc-record@2.0.0-alpha.19","maintainers":[{"name":"dschmetterling","email":"david@deepprediction.ai"},{"name":"eoghanmurray","email":"eoghanomurray@gmail.com"}],"homepage":"https://github.com/rrweb-io/rrweb#readme","bugs":{"url":"https://github.com/rrweb-io/rrweb/issues"},"dist":{"shasum":"8f27364cbbf7637f678df2bcc785d290576ac4d6","tarball":"https://registry.npmjs.org/@deepprediction/rrweb-plugin-canvas-webrtc-record/-/rrweb-plugin-canvas-webrtc-record-2.0.0-alpha.19.tgz","fileCount":12,"integrity":"sha512-QCOetpym3LLyCT2lT4othcflO9h0KqijVMgdYp0tz65gIv6zL3ojBg0DVdf66N9GzvzjlefeOuYiw6jYUnYfcg==","signatures":[{"sig":"MEUCIApXU4PDAqWqZRUfFInkr+5P4vYWg/E+aOuGEYa7phsoAiEA/fBSkD1nCI/K02TogMaK5zRljMXOqJAnw26zfBmOC1A=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":412525},"main":"./dist/rrweb-plugin-canvas-webrtc-record.umd.js","type":"module","unpkg":"./dist/rrweb-plugin-canvas-webrtc-record.umd.js","module":"./dist/rrweb-plugin-canvas-webrtc-record.js","exports":{".":{"import":{"types":"./dist/index.d.ts","default":"./dist/rrweb-plugin-canvas-webrtc-record.js"},"require":{"types":"./dist/index.d.cts","default":"./dist/rrweb-plugin-canvas-webrtc-record.cjs"}}},"gitHead":"7fcd9a91a8ff1c57fe901e2abeaf500a6f9b6485","scripts":{"dev":"vite build --watch","build":"yarn turbo run prepublish","prepublish":"tsc -noEmit && vite build","check-types":"tsc -noEmit"},"typings":"dist/index.d.ts","_npmUser":{"name":"eoghanmurray","email":"eoghanomurray@gmail.com"},"repository":{"url":"git+https://github.com/rrweb-io/rrweb.git","type":"git"},"_npmVersion":"10.8.2","description":"Plugin that live streams contents of canvas elements via webrtc","directories":{},"_nodeVersion":"20.19.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^5.3.1","typescript":"^5.4.5","vite-plugin-dts":"^3.9.1","@deepprediction/rrweb":"^2.0.0-alpha.19"},"peerDependencies":{"@deepprediction/rrweb":"^2.0.0-alpha.19"},"_npmOperationalInternal":{"tmp":"tmp/rrweb-plugin-canvas-webrtc-record_2.0.0-alpha.19_1745599223577_0.7384546996387211","host":"s3://npm-registry-packages-npm-production"}},"2.0.0-alpha.20":{"name":"@deepprediction/rrweb-plugin-canvas-webrtc-record","version":"2.0.0-alpha.20","keywords":["rrweb"],"author":{"name":"justin@recordonce.com"},"license":"MIT","_id":"@deepprediction/rrweb-plugin-canvas-webrtc-record@2.0.0-alpha.20","maintainers":[{"name":"dschmetterling","email":"david@deepprediction.ai"},{"name":"eoghanmurray","email":"eoghanomurray@gmail.com"}],"homepage":"https://github.com/rrweb-io/rrweb#readme","bugs":{"url":"https://github.com/rrweb-io/rrweb/issues"},"dist":{"shasum":"1aee05602a6bce096324cc392035e738ee06467a","tarball":"https://registry.npmjs.org/@deepprediction/rrweb-plugin-canvas-webrtc-record/-/rrweb-plugin-canvas-webrtc-record-2.0.0-alpha.20.tgz","fileCount":12,"integrity":"sha512-9I9T5ATP7WDGS3avpsVb1d/Q0QKLfNEZEQcVN9kuKiQQpyJZlfRkpmneWpITqkdPrlNhLlAg2gE5WXJCFGySAQ==","signatures":[{"sig":"MEYCIQC9jrZdbT6W7QOPzwGR0OXmyR/xqJE6tms8WurY2vSOBAIhAPydUlYcr9Dx0+02wt13Hs7Jfo75rbduXxCVrZaD6HrV","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":412525},"main":"./dist/rrweb-plugin-canvas-webrtc-record.umd.js","type":"module","unpkg":"./dist/rrweb-plugin-canvas-webrtc-record.umd.js","module":"./dist/rrweb-plugin-canvas-webrtc-record.js","exports":{".":{"import":{"types":"./dist/index.d.ts","default":"./dist/rrweb-plugin-canvas-webrtc-record.js"},"require":{"types":"./dist/index.d.cts","default":"./dist/rrweb-plugin-canvas-webrtc-record.cjs"}}},"gitHead":"7fcd9a91a8ff1c57fe901e2abeaf500a6f9b6485","scripts":{"dev":"vite build --watch","build":"yarn turbo run prepublish","prepublish":"tsc -noEmit && vite build","check-types":"tsc -noEmit"},"typings":"dist/index.d.ts","_npmUser":{"name":"eoghanmurray","email":"eoghanomurray@gmail.com"},"repository":{"url":"git+https://github.com/rrweb-io/rrweb.git","type":"git"},"_npmVersion":"10.8.2","description":"Plugin that live streams contents of canvas elements via webrtc","directories":{},"_nodeVersion":"20.19.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^5.3.1","typescript":"^5.4.5","vite-plugin-dts":"^3.9.1","@deepprediction/rrweb":"^2.0.0-alpha.20"},"peerDependencies":{"@deepprediction/rrweb":"^2.0.0-alpha.20"},"_npmOperationalInternal":{"tmp":"tmp/rrweb-plugin-canvas-webrtc-record_2.0.0-alpha.20_1745599325034_0.13411734560324584","host":"s3://npm-registry-packages-npm-production"}},"2.0.0-alpha.21":{"name":"@deepprediction/rrweb-plugin-canvas-webrtc-record","version":"2.0.0-alpha.21","keywords":["rrweb"],"author":{"name":"justin@recordonce.com"},"license":"MIT","_id":"@deepprediction/rrweb-plugin-canvas-webrtc-record@2.0.0-alpha.21","maintainers":[{"name":"dschmetterling","email":"david@deepprediction.ai"},{"name":"eoghanmurray","email":"eoghanomurray@gmail.com"}],"homepage":"https://github.com/rrweb-io/rrweb#readme","bugs":{"url":"https://github.com/rrweb-io/rrweb/issues"},"dist":{"shasum":"4aefb3c3358c50bd82dce35d96009f6bf376c235","tarball":"https://registry.npmjs.org/@deepprediction/rrweb-plugin-canvas-webrtc-record/-/rrweb-plugin-canvas-webrtc-record-2.0.0-alpha.21.tgz","fileCount":12,"integrity":"sha512-/sUHu+dK2JI/Rndf0VwDXQj4T7vBCxhFH8QNsQQ/2wmS/f+Cne05l2/wvJ3Yi9iEpZSDU1A23mo/BfaiPU8Uzg==","signatures":[{"sig":"MEQCIHNUXgOihFtay+PmyBiDZF+GxO74M2H98BGzXIX5iAsWAiAyVzodSAYxsIClar4q1zPkiLDZ87lBuZONpXDLw9z1Ng==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":412523},"main":"./dist/rrweb-plugin-canvas-webrtc-record.umd.js","type":"module","unpkg":"./dist/rrweb-plugin-canvas-webrtc-record.umd.js","module":"./dist/rrweb-plugin-canvas-webrtc-record.js","exports":{".":{"import":{"types":"./dist/index.d.ts","default":"./dist/rrweb-plugin-canvas-webrtc-record.js"},"require":{"types":"./dist/index.d.cts","default":"./dist/rrweb-plugin-canvas-webrtc-record.cjs"}}},"gitHead":"f9ce482bbe91eb99c9983b56dfe4553774d5fb6f","scripts":{"dev":"vite build --watch","build":"yarn turbo run prepublish","prepublish":"tsc -noEmit && vite build","check-types":"tsc -noEmit"},"typings":"dist/index.d.ts","_npmUser":{"name":"eoghanmurray","email":"eoghanomurray@gmail.com"},"repository":{"url":"git+https://github.com/rrweb-io/rrweb.git","type":"git"},"_npmVersion":"10.8.2","description":"Plugin that live streams contents of canvas elements via webrtc","directories":{},"_nodeVersion":"20.19.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^5.3.1","typescript":"^5.4.5","vite-plugin-dts":"^3.9.1","@deepprediction/rrweb":"^2.0.0-alpha.21"},"peerDependencies":{"@deepprediction/rrweb":"^2.0.0-alpha.21"},"_npmOperationalInternal":{"tmp":"tmp/rrweb-plugin-canvas-webrtc-record_2.0.0-alpha.21_1745831229105_0.5052984691064","host":"s3://npm-registry-packages-npm-production"}},"2.0.0-alpha.22":{"name":"@deepprediction/rrweb-plugin-canvas-webrtc-record","version":"2.0.0-alpha.22","keywords":["rrweb"],"author":{"name":"justin@recordonce.com"},"license":"MIT","_id":"@deepprediction/rrweb-plugin-canvas-webrtc-record@2.0.0-alpha.22","maintainers":[{"name":"dschmetterling","email":"david@deepprediction.ai"},{"name":"eoghanmurray","email":"eoghanomurray@gmail.com"}],"homepage":"https://github.com/rrweb-io/rrweb#readme","bugs":{"url":"https://github.com/rrweb-io/rrweb/issues"},"dist":{"shasum":"9dc32e1c824d452154ae4f6a7cbb5a45ba23ab97","tarball":"https://registry.npmjs.org/@deepprediction/rrweb-plugin-canvas-webrtc-record/-/rrweb-plugin-canvas-webrtc-record-2.0.0-alpha.22.tgz","fileCount":12,"integrity":"sha512-FEtbEveGRZ0sMHYJxAhNoDkMIGKght/KOIdwSz5TMjXeNFMrp+XsJjFYm6YlTS851dcKCoYokSKhDQmoW7L4vw==","signatures":[{"sig":"MEYCIQDU0TCy6Kejho8vdqkZi3wJywxqJlC/ArbJHVO3+aabJAIhAOy9Wey8ojz++9kSBochiqwq4/5rvXc4dohI7r8FBS2g","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":412523},"main":"./dist/rrweb-plugin-canvas-webrtc-record.umd.js","type":"module","unpkg":"./dist/rrweb-plugin-canvas-webrtc-record.umd.js","module":"./dist/rrweb-plugin-canvas-webrtc-record.js","exports":{".":{"import":{"types":"./dist/index.d.ts","default":"./dist/rrweb-plugin-canvas-webrtc-record.js"},"require":{"types":"./dist/index.d.cts","default":"./dist/rrweb-plugin-canvas-webrtc-record.cjs"}}},"gitHead":"ab3655c769563db6dfdb84eed950f489a3bf471b","scripts":{"dev":"vite build --watch","build":"yarn turbo run prepublish","prepublish":"tsc -noEmit && vite build","check-types":"tsc -noEmit"},"typings":"dist/index.d.ts","_npmUser":{"name":"eoghanmurray","email":"eoghanomurray@gmail.com"},"repository":{"url":"git+https://github.com/rrweb-io/rrweb.git","type":"git"},"_npmVersion":"11.4.1","description":"Plugin that live streams contents of canvas elements via webrtc","directories":{},"_nodeVersion":"20.19.1","_hasShrinkwrap":false,"devDependencies":{"vite":"^5.3.1","typescript":"^5.4.5","vite-plugin-dts":"^3.9.1","@deepprediction/rrweb":"^2.0.0-alpha.22"},"peerDependencies":{"@deepprediction/rrweb":"^2.0.0-alpha.22"},"_npmOperationalInternal":{"tmp":"tmp/rrweb-plugin-canvas-webrtc-record_2.0.0-alpha.22_1748506736144_0.6400663566867955","host":"s3://npm-registry-packages-npm-production"}},"2.0.0-alpha.23":{"name":"@deepprediction/rrweb-plugin-canvas-webrtc-record","version":"2.0.0-alpha.23","keywords":["rrweb"],"author":{"name":"justin@recordonce.com"},"license":"MIT","_id":"@deepprediction/rrweb-plugin-canvas-webrtc-record@2.0.0-alpha.23","maintainers":[{"name":"dschmetterling","email":"david@deepprediction.ai"},{"name":"eoghanmurray","email":"eoghanomurray@gmail.com"}],"homepage":"https://github.com/rrweb-io/rrweb#readme","bugs":{"url":"https://github.com/rrweb-io/rrweb/issues"},"dist":{"shasum":"e64cf23f3ed7e252529c3d4e131789bea16d518e","tarball":"https://registry.npmjs.org/@deepprediction/rrweb-plugin-canvas-webrtc-record/-/rrweb-plugin-canvas-webrtc-record-2.0.0-alpha.23.tgz","fileCount":12,"integrity":"sha512-px10+Z413YJVH0fzGd0cr2sHzo3DH4hv5QbM5PWYVRzn2IbIMAVI+0ysdio8fGVOEPkfa34tHQxJVHwhqISPlA==","signatures":[{"sig":"MEQCIHpTy6IXgmfb0eqiwYllwgTczhgr3dnwbnrLeGVCvcbHAiA/QeeXlVrt2BtGkgJK8JOakERsgk29aYREy1Mz7Hwosw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":412523},"main":"./dist/rrweb-plugin-canvas-webrtc-record.umd.js","type":"module","unpkg":"./dist/rrweb-plugin-canvas-webrtc-record.umd.js","module":"./dist/rrweb-plugin-canvas-webrtc-record.js","exports":{".":{"import":{"types":"./dist/index.d.ts","default":"./dist/rrweb-plugin-canvas-webrtc-record.js"},"require":{"types":"./dist/index.d.cts","default":"./dist/rrweb-plugin-canvas-webrtc-record.cjs"}}},"gitHead":"4f973cfb986f87a92bb78de7e5bdc8554d5f3b15","scripts":{"dev":"vite build --watch","build":"yarn turbo run prepublish","prepublish":"tsc -noEmit && vite build","check-types":"tsc -noEmit"},"typings":"dist/index.d.ts","_npmUser":{"name":"eoghanmurray","email":"eoghanomurray@gmail.com"},"repository":{"url":"git+https://github.com/rrweb-io/rrweb.git","type":"git"},"_npmVersion":"10.8.2","description":"Plugin that live streams contents of canvas elements via webrtc","directories":{},"_nodeVersion":"20.19.3","_hasShrinkwrap":false,"devDependencies":{"vite":"^5.3.1","typescript":"^5.4.5","vite-plugin-dts":"^3.9.1","@deepprediction/rrweb":"^2.0.0-alpha.23"},"peerDependencies":{"@deepprediction/rrweb":"^2.0.0-alpha.23"},"_npmOperationalInternal":{"tmp":"tmp/rrweb-plugin-canvas-webrtc-record_2.0.0-alpha.23_1757708156492_0.18976937203514832","host":"s3://npm-registry-packages-npm-production"}},"2.0.0-alpha.24":{"name":"@deepprediction/rrweb-plugin-canvas-webrtc-record","version":"2.0.0-alpha.24","description":"Plugin that live streams contents of canvas elements via webrtc","type":"module","main":"./dist/rrweb-plugin-canvas-webrtc-record.umd.js","module":"./dist/rrweb-plugin-canvas-webrtc-record.js","unpkg":"./dist/rrweb-plugin-canvas-webrtc-record.umd.js","typings":"dist/index.d.ts","exports":{".":{"import":{"types":"./dist/index.d.ts","default":"./dist/rrweb-plugin-canvas-webrtc-record.js"},"require":{"types":"./dist/index.d.cts","default":"./dist/rrweb-plugin-canvas-webrtc-record.cjs"}}},"scripts":{"dev":"vite build --watch","build":"yarn turbo run prepublish","check-types":"tsc -noEmit","prepublish":"tsc -noEmit && vite build"},"repository":{"type":"git","url":"git+https://github.com/rrweb-io/rrweb.git"},"keywords":["rrweb"],"author":{"name":"justin@recordonce.com"},"license":"MIT","bugs":{"url":"https://github.com/rrweb-io/rrweb/issues"},"homepage":"https://github.com/rrweb-io/rrweb#readme","devDependencies":{"@deepprediction/rrweb":"^2.0.0-alpha.24","typescript":"^5.4.5","vite":"^5.3.1","vite-plugin-dts":"^3.9.1"},"peerDependencies":{"@deepprediction/rrweb":"^2.0.0-alpha.24"},"_id":"@deepprediction/rrweb-plugin-canvas-webrtc-record@2.0.0-alpha.24","gitHead":"f864177597d2c94d240bbbf62dccaf7cf03ff346","_nodeVersion":"20.19.3","_npmVersion":"10.8.2","dist":{"integrity":"sha512-rs9UEJXbhf3WTIqSOC39b0pQe9Q0fmwivWslbxYJpPt/pPqIlt9edPzuAoPwt2gKbFX5TN2lD6TAClSXFfXDAQ==","shasum":"7d44321b7f7e284af397ec9cfa98c68a8cd5068c","tarball":"https://registry.npmjs.org/@deepprediction/rrweb-plugin-canvas-webrtc-record/-/rrweb-plugin-canvas-webrtc-record-2.0.0-alpha.24.tgz","fileCount":12,"unpackedSize":412523,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQCa74Ipm3eQuRkKYC80M1oUWc2y+w+MlEDL9fwuwVJwcwIhAPjWPmDLN0C5hQ+xr/opuiqH7DAFm01TOTPfXmFLv9Al"}]},"_npmUser":{"name":"eoghanmurray","email":"eoghanomurray@gmail.com"},"directories":{},"maintainers":[{"name":"dschmetterling","email":"david@deepprediction.ai"},{"name":"eoghanmurray","email":"eoghanomurray@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/rrweb-plugin-canvas-webrtc-record_2.0.0-alpha.24_1757709128007_0.6362237218430062"},"_hasShrinkwrap":false}},"time":{"created":"2025-04-16T20:21:53.300Z","modified":"2025-09-12T20:32:08.454Z","2.0.0-alpha.18":"2025-04-16T20:21:53.544Z","2.0.0-alpha.19":"2025-04-25T16:40:23.776Z","2.0.0-alpha.20":"2025-04-25T16:42:05.220Z","2.0.0-alpha.21":"2025-04-28T09:07:09.295Z","2.0.0-alpha.22":"2025-05-29T08:18:56.356Z","2.0.0-alpha.23":"2025-09-12T20:15:56.682Z","2.0.0-alpha.24":"2025-09-12T20:32:08.243Z"},"bugs":{"url":"https://github.com/rrweb-io/rrweb/issues"},"author":{"name":"justin@recordonce.com"},"license":"MIT","homepage":"https://github.com/rrweb-io/rrweb#readme","keywords":["rrweb"],"repository":{"type":"git","url":"git+https://github.com/rrweb-io/rrweb.git"},"description":"Plugin that live streams contents of canvas elements via webrtc","maintainers":[{"name":"dschmetterling","email":"david@deepprediction.ai"},{"name":"eoghanmurray","email":"eoghanomurray@gmail.com"}],"readme":"# rrweb canvas webrtc plugin\n\nPlugin that live streams contents of canvas elements via webrtc\n\n## Example of live streaming via `yarn live-stream`\n\nhttps://user-images.githubusercontent.com/4106/186701616-fd71a107-5d53-423c-ba09-0395a3a0252f.mov\n\n## Instructions\n\n### Record side\n\n```js\n// Record side\n\nimport rrweb from 'rrweb';\nimport { RRWebPluginCanvasWebRTCRecord } from 'rrweb-plugin-canvas-webrtc-record';\n\nconst webRTCRecordPlugin = new RRWebPluginCanvasWebRTCRecord({\n  signalSendCallback: (msg) => {\n    // provides webrtc sdp offer signal & connect message\n    // make sure you send this to the replayer's `webRTCReplayPlugin.signalReceive(signal)`\n    sendSignalToReplayer(msg); // example of function that sends the signal to the replayer\n  },\n});\n\nrrweb.record({\n  emit: (event) => {\n    // send these events to the `replayer.addEvent(event)`, how you do that is up to you\n    // you can send them to a server for example which can then send them to the replayer\n    sendEventToReplayer(event); // example of function that sends the event to the replayer\n  },\n  plugins: [\n    // add the plugin to the list of plugins, and initialize it via `.initPlugin()`\n    webRTCRecordPlugin.initPlugin(),\n  ],\n  recordCanvas: false, // we don't want canvas recording turned on, we're going to do that via the plugin\n});\n```\n\n### Replay Side\n\n```js\n// Replay side\nimport rrweb from 'rrweb';\nimport { RRWebPluginCanvasWebRTCReplay } from 'rrweb-plugin-canvas-webrtc-replay';\n\nconst webRTCReplayPlugin = new RRWebPluginCanvasWebRTCReplay({\n  canvasFoundCallback(canvas, context) {\n    console.log('canvas', canvas);\n    // send the canvas id to `webRTCRecordPlugin.setupStream(id)`, how you do that is up to you\n    // you can send them to a server for example which can then send them to the replayer\n    sendCanvasIdToRecordScript(context.id); // example of function that sends the id to the record script\n  },\n  signalSendCallback(signal) {\n    // provides webrtc sdp offer signal & connect message\n    // make sure you send this to the record script's `webRTCRecordPlugin.signalReceive(signal)`\n    sendSignalToRecordScript(signal); // example of function that sends the signal to the record script\n  },\n});\n\nconst replayer = new rrweb.Replayer([], {\n  UNSAFE_replayCanvas: true, // turn canvas replay on!\n  liveMode: true, // live mode is needed to stream events to the replayer\n  plugins: [webRTCReplayPlugin.initPlugin()],\n});\nreplayer.startLive(); // start the replayer in live mode\n\nreplayer.addEvent(event); // call this whenever an event is received from the record script\n```\n\n## More info\n\nhttps://github.com/rrweb-io/rrweb/pull/976\n","readmeFilename":"Readme.md"}