{"_id":"@addpipe/react-pipe-media-recorder","_rev":"12-43174c7430adfa56f4b0e7dfecd9a1a9","name":"@addpipe/react-pipe-media-recorder","dist-tags":{"latest":"1.3.0"},"versions":{"1.0.0":{"name":"@addpipe/react-pipe-media-recorder","version":"1.0.0","keywords":["pipe","recorder","react","audio recording","video recording","media recording","getusermedia","MediaRecorder","getDisplayMedia","screen recorder","video recorder","audio recorder"],"author":{"name":"addpipe"},"license":"MIT","_id":"@addpipe/react-pipe-media-recorder@1.0.0","maintainers":[{"name":"remusn","email":"remusnegrota@gmail.com"},{"name":"alexgarbacea","email":"alexgrb0909@gmail.com"},{"name":"octavn","email":"octavian@addpipe.com"}],"homepage":"https://github.com/addpipe/react-pipe-media-recorder#readme","bugs":{"url":"https://github.com/addpipe/react-pipe-media-recorder/issues"},"dist":{"shasum":"35539511d971784edfec40de2db6ca9ca9d71eab","tarball":"https://registry.npmjs.org/@addpipe/react-pipe-media-recorder/-/react-pipe-media-recorder-1.0.0.tgz","fileCount":4,"integrity":"sha512-JV8r0EyAHuWGGH0UQyz8l09HkiwEDotpl8iAyaad+MgTuoZhCGu/Y7o/1lFRu1u8t0lIWkBTwsI/kMgTpf6H0w==","signatures":[{"sig":"MEUCIDsfoMLXVeeOJEHxkL+VvR+9vEwCeEWLvbOMXDxKBmhrAiEA5Hri3/Cq+UytN0S4eJQIP5WAQbLUs0tbgX8rgPFwmYY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13500},"main":"lib/index.js","types":"lib/index.d.ts","gitHead":"d5b7b21da31d8172d3570b4fa78c99a4ef249294","scripts":{"build":"tsc && babel lib/index.js --out-file lib/index.js && jsmin -o lib/index.js lib/index.js"},"_npmUser":{"name":"alexgarbacea","email":"alexgrb0909@gmail.com"},"repository":{"url":"git+https://github.com/addpipe/react-pipe-media-recorder.git","type":"git"},"_npmVersion":"10.2.0","description":"A React custom hook that integrates the addpipe.com recording client","directories":{},"_nodeVersion":"21.1.0","_hasShrinkwrap":false,"devDependencies":{"jsmin":"^1.0.1","@babel/cli":"^7.25.6","typescript":"^5.6.2","@babel/core":"^7.25.2","@types/react":"^18.3.1","@babel/preset-env":"^7.25.4","@babel/preset-react":"^7.24.7","@babel/plugin-transform-modules-commonjs":"^7.24.8"},"_npmOperationalInternal":{"tmp":"tmp/react-pipe-media-recorder_1.0.0_1730796892441_0.30634130013024863","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@addpipe/react-pipe-media-recorder","version":"1.0.1","keywords":["pipe","recorder","react","audio recording","video recording","media recording","getusermedia","MediaRecorder","getDisplayMedia","screen recorder","video recorder","audio recorder"],"author":{"name":"addpipe"},"license":"MIT","_id":"@addpipe/react-pipe-media-recorder@1.0.1","maintainers":[{"name":"remusn","email":"remusnegrota@gmail.com"},{"name":"alexgarbacea","email":"alexgrb0909@gmail.com"},{"name":"octavn","email":"octavian@addpipe.com"}],"homepage":"https://github.com/addpipe/react-pipe-media-recorder#readme","bugs":{"url":"https://github.com/addpipe/react-pipe-media-recorder/issues"},"dist":{"shasum":"d800f619756d512a153c38ed94b71c6f124530da","tarball":"https://registry.npmjs.org/@addpipe/react-pipe-media-recorder/-/react-pipe-media-recorder-1.0.1.tgz","fileCount":5,"integrity":"sha512-FwInpKqVqBTcziuL8VkbYU8zZRV8fcEIbHDP2w1PWgBAeLim4ANt3v87kP60bpXM5wYni0SE0pTh3rJWpfBEnw==","signatures":[{"sig":"MEQCIBsR8Kgoqh4bPURxCeoX3Qhctaehf9OUN1cxSXoOiKDxAiBFAbzfpceS+aKqXXPbc+jQAReLF2MHqPvFXC+y6XwIZg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21225},"main":"lib/index.js","types":"lib/index.d.ts","gitHead":"d5b7b21da31d8172d3570b4fa78c99a4ef249294","scripts":{"build":"tsc && babel lib/index.js --out-file lib/index.js && jsmin -o lib/index.js lib/index.js && cp README.md lib/"},"_npmUser":{"name":"alexgarbacea","email":"alexgrb0909@gmail.com"},"repository":{"url":"git+https://github.com/addpipe/react-pipe-media-recorder.git","type":"git"},"_npmVersion":"10.2.0","description":"A React custom hook that integrates the addpipe.com recording client","directories":{},"_nodeVersion":"21.1.0","_hasShrinkwrap":false,"devDependencies":{"jsmin":"^1.0.1","@babel/cli":"^7.25.6","typescript":"^5.6.2","@babel/core":"^7.25.2","@types/react":"^18.3.1","@babel/preset-env":"^7.25.4","@babel/preset-react":"^7.24.7","@babel/plugin-transform-modules-commonjs":"^7.24.8"},"_npmOperationalInternal":{"tmp":"tmp/react-pipe-media-recorder_1.0.1_1730797525499_0.11219805601447375","host":"s3://npm-registry-packages"}},"1.0.2":{"name":"@addpipe/react-pipe-media-recorder","version":"1.0.2","keywords":["pipe","recorder","react","audio recording","video recording","media recording","getusermedia","MediaRecorder","getDisplayMedia","screen recorder","video recorder","audio recorder"],"author":{"name":"addpipe"},"license":"MIT","_id":"@addpipe/react-pipe-media-recorder@1.0.2","maintainers":[{"name":"remusn","email":"remusnegrota@gmail.com"},{"name":"alexgarbacea","email":"alexgrb0909@gmail.com"},{"name":"octavn","email":"octavian@addpipe.com"}],"homepage":"https://github.com/addpipe/react-pipe-media-recorder#readme","bugs":{"url":"https://github.com/addpipe/react-pipe-media-recorder/issues"},"dist":{"shasum":"0b3d2fa7f1e60ac3b1e4a93624b9a34359864879","tarball":"https://registry.npmjs.org/@addpipe/react-pipe-media-recorder/-/react-pipe-media-recorder-1.0.2.tgz","fileCount":5,"integrity":"sha512-xqUyzHTx+XfIeBBefOt1SStgiyeOA3KdF2CtpW/HtwyewYt21zCvCpPo/CSaHDozEa/4b2ghx884vaP4ZhPHBA==","signatures":[{"sig":"MEQCIBSvCiMMmO5TP+Nkgw7K/SGZIHYUOREB/uGaaE/67yrwAiBVBkaGt3RMOm+4WNmlaGX6XMRCkAQirElbsP4wEUum7A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21225},"main":"lib/index.js","types":"lib/index.d.ts","gitHead":"d5b7b21da31d8172d3570b4fa78c99a4ef249294","scripts":{"build":"tsc && babel lib/index.js --out-file lib/index.js && jsmin -o lib/index.js lib/index.js && cp README.md lib/"},"_npmUser":{"name":"alexgarbacea","email":"alexgrb0909@gmail.com"},"repository":{"url":"git+https://github.com/addpipe/react-pipe-media-recorder.git","type":"git"},"_npmVersion":"10.2.0","description":"A React custom hook that integrates the addpipe.com recording client","directories":{},"_nodeVersion":"21.1.0","_hasShrinkwrap":false,"devDependencies":{"jsmin":"^1.0.1","@babel/cli":"^7.25.6","typescript":"^5.6.2","@babel/core":"^7.25.2","@types/react":"^18.3.1","@babel/preset-env":"^7.25.4","@babel/preset-react":"^7.24.7","@babel/plugin-transform-modules-commonjs":"^7.24.8"},"_npmOperationalInternal":{"tmp":"tmp/react-pipe-media-recorder_1.0.2_1730797815969_0.49224650123010827","host":"s3://npm-registry-packages"}},"1.0.3":{"name":"@addpipe/react-pipe-media-recorder","version":"1.0.3","keywords":["pipe","recorder","react","audio recording","video recording","media recording","getusermedia","MediaRecorder","getDisplayMedia","screen recorder","video recorder","audio recorder"],"author":{"name":"addpipe"},"license":"MIT","_id":"@addpipe/react-pipe-media-recorder@1.0.3","maintainers":[{"name":"remusn","email":"remusnegrota@gmail.com"},{"name":"alexgarbacea","email":"alexgrb0909@gmail.com"},{"name":"octavn","email":"octavian@addpipe.com"}],"homepage":"https://github.com/serverless/serverless#readme","bugs":{"url":"https://github.com/addpipe/react-pipe-media-recorder/issues"},"dist":{"shasum":"243face186cc8b37df24edf80123df7fe9312ffb","tarball":"https://registry.npmjs.org/@addpipe/react-pipe-media-recorder/-/react-pipe-media-recorder-1.0.3.tgz","fileCount":4,"integrity":"sha512-//zu8HPbRYj3H4zDHw5LJrkNgomaHNdHl+Iivj6q5myjvIPt2k1HMkVV/rgOreFCzF1QzBqLQ6QyXuEIZeJx1Q==","signatures":[{"sig":"MEQCICOLxz/tPuS86dywTPp6mfzudRvyjBsmS0c9TGDxRnqMAiA5nF9kFcdEy66UbdhqX01naWsx3t+Y/r13f3isY2GDhw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13565},"main":"lib/index.js","types":"lib/index.d.ts","gitHead":"d5b7b21da31d8172d3570b4fa78c99a4ef249294","scripts":{"build":"tsc && babel lib/index.js --out-file lib/index.js && jsmin -o lib/index.js lib/index.js"},"_npmUser":{"name":"alexgarbacea","email":"alexgrb0909@gmail.com"},"repository":{"url":"git+https://github.com/addpipe/react-pipe-media-recorder.git","type":"git"},"_npmVersion":"10.9.0","description":"A React custom hook that integrates the addpipe.com recording client","directories":{},"_nodeVersion":"21.1.0","_hasShrinkwrap":false,"devDependencies":{"jsmin":"^1.0.1","@babel/cli":"^7.25.6","typescript":"^5.6.2","@babel/core":"^7.25.2","@types/react":"^18.3.1","@babel/preset-env":"^7.25.4","@babel/preset-react":"^7.24.7","@babel/plugin-transform-modules-commonjs":"^7.24.8"},"_npmOperationalInternal":{"tmp":"tmp/react-pipe-media-recorder_1.0.3_1730797965611_0.18873680506229173","host":"s3://npm-registry-packages"}},"1.0.4":{"name":"@addpipe/react-pipe-media-recorder","version":"1.0.4","keywords":["pipe","recorder","react","audio recording","video recording","media recording","getusermedia","MediaRecorder","getDisplayMedia","screen recorder","video recorder","audio recorder"],"author":{"name":"addpipe"},"license":"MIT","_id":"@addpipe/react-pipe-media-recorder@1.0.4","maintainers":[{"name":"remusn","email":"remusnegrota@gmail.com"},{"name":"alexgarbacea","email":"alexgrb0909@gmail.com"},{"name":"octavn","email":"octavian@addpipe.com"}],"homepage":"https://github.com/addpipe/react-pipe-media-recorder#readme","bugs":{"url":"https://github.com/addpipe/react-pipe-media-recorder/issues"},"dist":{"shasum":"c8549763d48ad18fc9bc2ddeab1f4a761af85d7e","tarball":"https://registry.npmjs.org/@addpipe/react-pipe-media-recorder/-/react-pipe-media-recorder-1.0.4.tgz","fileCount":4,"integrity":"sha512-j5BZVVg0gC9Vp7evvHrNpNJFHf5F/dah/OxEs/grtrFW3Mm/CVnMn/Xgn4VUCbH5Q2/xK83p2RdNbK3x9u5WhQ==","signatures":[{"sig":"MEUCIAxXqsGh9P8m0CkFB/xDW0bYmj41D5EKgRRbdOq1+LCvAiEAganSPbOWPcdWIlVtV+lDBxQFf33Vs+71cynb9vaM3ww=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13577},"main":"lib/index.js","types":"lib/index.d.ts","gitHead":"7c9582db6f00bba21599c97639f8d566a7f84519","scripts":{"build":"tsc && babel lib/index.js --out-file lib/index.js && jsmin -o lib/index.js lib/index.js"},"_npmUser":{"name":"alexgarbacea","email":"alexgrb0909@gmail.com"},"repository":{"url":"git+https://github.com/addpipe/react-pipe-media-recorder.git","type":"git"},"_npmVersion":"10.9.0","description":"A React custom hook that integrates the addpipe.com recording client","directories":{},"_nodeVersion":"21.1.0","_hasShrinkwrap":false,"devDependencies":{"jsmin":"^1.0.1","@babel/cli":"^7.25.6","typescript":"^5.6.2","@babel/core":"^7.25.2","@types/react":"^18.3.1","@babel/preset-env":"^7.25.4","@babel/preset-react":"^7.24.7","@babel/plugin-transform-modules-commonjs":"^7.24.8"},"_npmOperationalInternal":{"tmp":"tmp/react-pipe-media-recorder_1.0.4_1730881364286_0.20685292979376424","host":"s3://npm-registry-packages"}},"1.0.5":{"name":"@addpipe/react-pipe-media-recorder","version":"1.0.5","keywords":["pipe","recorder","react","audio recording","video recording","media recording","getusermedia","MediaRecorder","getDisplayMedia","screen recorder","video recorder","audio recorder"],"author":{"name":"addpipe"},"license":"MIT","_id":"@addpipe/react-pipe-media-recorder@1.0.5","maintainers":[{"name":"remusn","email":"remusnegrota@gmail.com"},{"name":"alexgarbacea","email":"alexgrb0909@gmail.com"},{"name":"octavn","email":"octavian@addpipe.com"}],"homepage":"https://github.com/addpipe/react-pipe-media-recorder#readme","bugs":{"url":"https://github.com/addpipe/react-pipe-media-recorder/issues"},"dist":{"shasum":"a4a78f58b212ae488084a77b649761f04a7c2df2","tarball":"https://registry.npmjs.org/@addpipe/react-pipe-media-recorder/-/react-pipe-media-recorder-1.0.5.tgz","fileCount":4,"integrity":"sha512-IddgZ9vcfcdUsk8GY1EjLM20N44dpzP3EnxoQSZg3uZtGyzjiPOpHLuul7DFVpsQzC+OvTYHyeOVKRbbfp1CgQ==","signatures":[{"sig":"MEQCID4LjbLfcZlzkkZlJ0YqrtL/nhq60mn3Gk2zB1GgioR9AiAdswoyRGHBw0yOprEbmVJ18ZnLTeDy8CJ7zq1PilhfFQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13793},"main":"lib/index.js","types":"lib/index.d.ts","gitHead":"98de162af9b4284384da4224289b2480d385913c","scripts":{"build":"tsc && babel lib/index.js --out-file lib/index.js && jsmin -o lib/index.js lib/index.js"},"_npmUser":{"name":"alexgarbacea","email":"alexgrb0909@gmail.com"},"repository":{"url":"git+https://github.com/addpipe/react-pipe-media-recorder.git","type":"git"},"_npmVersion":"10.9.0","description":"A React custom hook that integrates the addpipe.com recording client","directories":{},"_nodeVersion":"23.1.0","_hasShrinkwrap":false,"devDependencies":{"jsmin":"^1.0.1","@babel/cli":"^7.25.6","typescript":"^5.6.2","@babel/core":"^7.25.2","@types/react":"^18.3.1","@babel/preset-env":"^7.25.4","@babel/preset-react":"^7.24.7","@babel/plugin-transform-modules-commonjs":"^7.24.8"},"_npmOperationalInternal":{"tmp":"tmp/react-pipe-media-recorder_1.0.5_1732260226144_0.5981013915222979","host":"s3://npm-registry-packages"}},"1.0.6":{"name":"@addpipe/react-pipe-media-recorder","version":"1.0.6","keywords":["pipe","recorder","react","audio recording","video recording","media recording","getusermedia","MediaRecorder","getDisplayMedia","screen recorder","video recorder","audio recorder"],"author":{"name":"addpipe"},"license":"MIT","_id":"@addpipe/react-pipe-media-recorder@1.0.6","maintainers":[{"name":"octavn","email":"octavian@addpipe.com"},{"name":"alexgarbacea","email":"alexgrb0909@gmail.com"},{"name":"remusn","email":"remusnegrota@gmail.com"}],"homepage":"https://github.com/addpipe/react-pipe-media-recorder#readme","bugs":{"url":"https://github.com/addpipe/react-pipe-media-recorder/issues"},"dist":{"shasum":"d586a964571409615e32c67e2865370f94e3d8a6","tarball":"https://registry.npmjs.org/@addpipe/react-pipe-media-recorder/-/react-pipe-media-recorder-1.0.6.tgz","fileCount":4,"integrity":"sha512-lVePabpM9ZY6pkgZjPE3wYxg9bxy5u+f+yNrsfs/o7AIpZRU0Co/eCgWzEBmmm1a0mvvPTijg2WTd5tdlFZT0g==","signatures":[{"sig":"MEYCIQDQAK1Gfm0oXUo3X74Apc5GrJSUTbDlQkPkuYfCLonqiAIhAJ3/9DMZ1wWEAfSwV4TDQfWfqc1TLBnaTeSubHYy+kX1","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":13866},"main":"lib/index.js","types":"lib/index.d.ts","gitHead":"c0b2e70b3f1374d0f025fafa3d6324d6973c88f3","scripts":{"build":"tsc && babel lib/index.js --out-file lib/index.js && jsmin -o lib/index.js lib/index.js"},"_npmUser":{"name":"alexgarbacea","email":"alexgrb0909@gmail.com"},"repository":{"url":"git+https://github.com/addpipe/react-pipe-media-recorder.git","type":"git"},"_npmVersion":"10.9.0","description":"A React custom hook that integrates the addpipe.com recording client","directories":{},"_nodeVersion":"23.1.0","_hasShrinkwrap":false,"devDependencies":{"jsmin":"^1.0.1","@babel/cli":"^7.25.6","typescript":"^5.6.2","@babel/core":"^7.25.2","@types/react":"^18.3.1","@babel/preset-env":"^7.25.4","@babel/preset-react":"^7.24.7","@babel/plugin-transform-modules-commonjs":"^7.24.8"},"peerDependencies":{"react":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/react-pipe-media-recorder_1.0.6_1739427132803_0.9737189304298954","host":"s3://npm-registry-packages-npm-production"}},"1.0.7":{"name":"@addpipe/react-pipe-media-recorder","version":"1.0.7","keywords":["pipe","recorder","react","audio recording","video recording","media recording","getusermedia","MediaRecorder","getDisplayMedia","screen recorder","video recorder","audio recorder"],"author":{"name":"addpipe"},"license":"MIT","_id":"@addpipe/react-pipe-media-recorder@1.0.7","maintainers":[{"name":"octavn","email":"octavian@addpipe.com"},{"name":"alexgarbacea","email":"alexgrb0909@gmail.com"},{"name":"remusn","email":"remusnegrota@gmail.com"}],"homepage":"https://github.com/addpipe/react-pipe-media-recorder#readme","bugs":{"url":"https://github.com/addpipe/react-pipe-media-recorder/issues"},"dist":{"shasum":"7f2e19cffec4fb3481563d0cb1e4fbee5269b06d","tarball":"https://registry.npmjs.org/@addpipe/react-pipe-media-recorder/-/react-pipe-media-recorder-1.0.7.tgz","fileCount":4,"integrity":"sha512-oAmLOEXR0r5JSd3MWsjAOgzqlMfeDRAHBGwngIhWL/Pbev5kkS3D5ckaYptvj0Gyb8jNnMRhjHyap9imyGcFRg==","signatures":[{"sig":"MEQCIFtQiFcfmqbMCDsJFUoYvaaaqRRuUUSYLa5gppd7z/M+AiBcmLoqvz2/gppmPR74Gj9ftXGgHdyugUInXeUvihEx0Q==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":14027},"main":"lib/index.js","types":"lib/index.d.ts","gitHead":"2006d322b329ba1a08e324e45934366c5a0c0eeb","scripts":{"build":"tsc && babel lib/index.js --out-file lib/index.js && jsmin -o lib/index.js lib/index.js"},"_npmUser":{"name":"alexgarbacea","email":"alexgrb0909@gmail.com"},"repository":{"url":"git+https://github.com/addpipe/react-pipe-media-recorder.git","type":"git"},"_npmVersion":"11.4.2","description":"A React custom hook that integrates the addpipe.com recording client","directories":{},"_nodeVersion":"23.1.0","_hasShrinkwrap":false,"devDependencies":{"jsmin":"^1.0.1","@babel/cli":"^7.25.6","typescript":"^5.6.2","@babel/core":"^7.25.2","@types/react":"^18.3.1","@babel/preset-env":"^7.25.4","@babel/preset-react":"^7.24.7","@babel/plugin-transform-modules-commonjs":"^7.24.8"},"peerDependencies":{"react":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/react-pipe-media-recorder_1.0.7_1762237631328_0.03443581590978928","host":"s3://npm-registry-packages-npm-production"}},"1.1.0":{"name":"@addpipe/react-pipe-media-recorder","version":"1.1.0","keywords":["pipe","recorder","react","audio recording","video recording","media recording","getusermedia","MediaRecorder","getDisplayMedia","screen recorder","video recorder","audio recorder"],"author":{"name":"addpipe"},"license":"MIT","_id":"@addpipe/react-pipe-media-recorder@1.1.0","maintainers":[{"name":"octavn","email":"octavian@addpipe.com"},{"name":"alexgarbacea","email":"alexgrb0909@gmail.com"},{"name":"remusn","email":"remusnegrota@gmail.com"}],"homepage":"https://github.com/addpipe/react-pipe-media-recorder#readme","bugs":{"url":"https://github.com/addpipe/react-pipe-media-recorder/issues"},"dist":{"shasum":"ec6ab18b40a749d0ba067afe430fa1ac977df070","tarball":"https://registry.npmjs.org/@addpipe/react-pipe-media-recorder/-/react-pipe-media-recorder-1.1.0.tgz","fileCount":4,"integrity":"sha512-I0sBz/D3noVXKZNwBheWJpVM8EXmddGNSHXIxm+DEEkkuBZhFKtxbyEdVu1F7iqi6/Su1o9W81yb8FOpZDnC/A==","signatures":[{"sig":"MEUCIQDrrdV6hKudn6aSql2fCsBt6N3hGouNkxS+Iq6jZ+QhngIgbr7O1stWI+4N9B26VcxVVu33PmbLOkVdyp/gtLJexFk=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":16464},"main":"lib/index.js","types":"lib/index.d.ts","gitHead":"28902491e04af6e6774ceee54f3d02fcc6734d75","scripts":{"build":"tsc && babel lib/index.js --out-file lib/index.js && jsmin -o lib/index.js lib/index.js"},"_npmUser":{"name":"alexgarbacea","email":"alexgrb0909@gmail.com"},"repository":{"url":"git+https://github.com/addpipe/react-pipe-media-recorder.git","type":"git"},"_npmVersion":"11.4.2","description":"A React custom hook that integrates the addpipe.com recording client","directories":{},"_nodeVersion":"23.1.0","_hasShrinkwrap":false,"devDependencies":{"jsmin":"^1.0.1","@babel/cli":"^7.25.6","typescript":"^5.6.2","@babel/core":"^7.25.2","@types/react":"^18.3.1","@babel/preset-env":"^7.25.4","@babel/preset-react":"^7.24.7","@babel/plugin-transform-modules-commonjs":"^7.24.8"},"peerDependencies":{"react":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/react-pipe-media-recorder_1.1.0_1763534515067_0.347981702729925","host":"s3://npm-registry-packages-npm-production"}},"1.1.1":{"name":"@addpipe/react-pipe-media-recorder","version":"1.1.1","keywords":["pipe","recorder","react","audio recording","video recording","media recording","getusermedia","MediaRecorder","getDisplayMedia","screen recorder","video recorder","audio recorder"],"author":{"name":"addpipe"},"license":"MIT","_id":"@addpipe/react-pipe-media-recorder@1.1.1","maintainers":[{"name":"octavn","email":"octavian@addpipe.com"},{"name":"alexgarbacea","email":"alexgrb0909@gmail.com"},{"name":"remusn","email":"remusnegrota@gmail.com"}],"homepage":"https://github.com/addpipe/react-pipe-media-recorder#readme","bugs":{"url":"https://github.com/addpipe/react-pipe-media-recorder/issues"},"dist":{"shasum":"41b56db82e57ef3df14cee935b12e47641784de9","tarball":"https://registry.npmjs.org/@addpipe/react-pipe-media-recorder/-/react-pipe-media-recorder-1.1.1.tgz","fileCount":4,"integrity":"sha512-8Q8zVok6S8djY4PV/sNJ8p/t4hbM4eFrGxYokE8C2Ma2RQlnlbd0NNSlk/MmAf0+o7VDoB2k2UqSbaZ/aF73dQ==","signatures":[{"sig":"MEYCIQCqjy/A3Y1o9/xQg/rv6icd4PBUlwz5/o1EBK747oKhsAIhAPbZUGCZ3MVJPbn9A/dIsEZXkH9DZ1NzELNjy5wyBYAq","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":17066},"main":"lib/index.js","types":"lib/index.d.ts","gitHead":"2d477049c95bd7b25abf78c426adeb9a6732968a","scripts":{"build":"tsc && babel lib/index.js --out-file lib/index.js && jsmin -o lib/index.js lib/index.js"},"_npmUser":{"name":"alexgarbacea","email":"alexgrb0909@gmail.com"},"repository":{"url":"git+https://github.com/addpipe/react-pipe-media-recorder.git","type":"git"},"_npmVersion":"11.4.2","description":"A React custom hook that integrates the addpipe.com recording client","directories":{},"_nodeVersion":"23.1.0","_hasShrinkwrap":false,"devDependencies":{"jsmin":"^1.0.1","@babel/cli":"^7.25.6","typescript":"^5.6.2","@babel/core":"^7.25.2","@types/react":"^18.3.1","@babel/preset-env":"^7.25.4","@babel/preset-react":"^7.24.7","@babel/plugin-transform-modules-commonjs":"^7.24.8"},"peerDependencies":{"react":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/react-pipe-media-recorder_1.1.1_1764660371773_0.2149684654845221","host":"s3://npm-registry-packages-npm-production"}},"1.2.0":{"name":"@addpipe/react-pipe-media-recorder","version":"1.2.0","keywords":["pipe","recorder","react","audio recording","video recording","media recording","getusermedia","MediaRecorder","getDisplayMedia","screen recorder","video recorder","audio recorder"],"author":{"name":"addpipe"},"license":"MIT","_id":"@addpipe/react-pipe-media-recorder@1.2.0","maintainers":[{"name":"octavn","email":"octavian@addpipe.com"},{"name":"alexgarbacea","email":"alexgrb0909@gmail.com"},{"name":"remusn","email":"remusnegrota@gmail.com"}],"homepage":"https://github.com/addpipe/react-pipe-media-recorder#readme","bugs":{"url":"https://github.com/addpipe/react-pipe-media-recorder/issues"},"dist":{"shasum":"021ab2d79d7e73011f3d769a7cbbc05f5b20874f","tarball":"https://registry.npmjs.org/@addpipe/react-pipe-media-recorder/-/react-pipe-media-recorder-1.2.0.tgz","fileCount":4,"integrity":"sha512-M2S9ksEH7TYvuyHQFHO9DgiAwiD7+50Yf2vL2jI+7kgutwMjJdy79nMghmykBdTS+ce3nzEjDxjrvoNu7m2ymQ==","signatures":[{"sig":"MEUCIQC8fL4Wy2qtcvnYhS0ROOGeXPqyAWt+yavcDdlcp7JbUAIgBwS66z3ZTGRixkuKBEx4Wz21EzxwE7KTWM+24qoVg5Y=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":21383},"main":"lib/index.js","types":"lib/index.d.ts","gitHead":"334c624027c2bf9eb40aba5dd50581eda20c99d8","scripts":{"build":"tsc && babel lib/index.js --out-file lib/index.js && jsmin -o lib/index.js lib/index.js"},"_npmUser":{"name":"alexgarbacea","email":"alexgrb0909@gmail.com"},"repository":{"url":"git+https://github.com/addpipe/react-pipe-media-recorder.git","type":"git"},"_npmVersion":"11.4.2","description":"A React custom hook that integrates the addpipe.com recording client","directories":{},"_nodeVersion":"23.1.0","_hasShrinkwrap":false,"devDependencies":{"jsmin":"^1.0.1","@babel/cli":"^7.25.6","typescript":"^5.6.2","@babel/core":"^7.25.2","@types/react":"^18.3.1","@babel/preset-env":"^7.25.4","@babel/preset-react":"^7.24.7","@babel/plugin-transform-modules-commonjs":"^7.24.8"},"peerDependencies":{"react":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/react-pipe-media-recorder_1.2.0_1765867811192_0.9527605966647772","host":"s3://npm-registry-packages-npm-production"}},"1.3.0":{"name":"@addpipe/react-pipe-media-recorder","version":"1.3.0","description":"A React custom hook that integrates the addpipe.com recording client","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"build":"tsc && babel lib/index.js --out-file lib/index.js && jsmin -o lib/index.js lib/index.js"},"repository":{"type":"git","url":"git+https://github.com/addpipe/react-pipe-media-recorder.git"},"homepage":"https://github.com/addpipe/react-pipe-media-recorder#readme","keywords":["pipe","recorder","react","audio recording","video recording","media recording","getusermedia","MediaRecorder","getDisplayMedia","screen recorder","video recorder","audio recorder"],"author":{"name":"addpipe"},"license":"MIT","peerDependencies":{"react":">=16.8.0"},"devDependencies":{"@babel/cli":"^7.25.6","@babel/core":"^7.25.2","@babel/plugin-transform-modules-commonjs":"^7.24.8","@babel/preset-env":"^7.25.4","@babel/preset-react":"^7.24.7","@types/react":"^18.3.1","jsmin":"^1.0.1","typescript":"^5.6.2"},"dependencies":{"@addpipe/pipe-recording-client":"^2.0.0"},"gitHead":"c92b386cb585a54752f48fab5984139787cb14f6","_id":"@addpipe/react-pipe-media-recorder@1.3.0","bugs":{"url":"https://github.com/addpipe/react-pipe-media-recorder/issues"},"_nodeVersion":"25.6.1","_npmVersion":"11.9.0","dist":{"integrity":"sha512-fDtRN02Y2Qn3Ra1sfdPh5SC3duIaDznrLTRmhgFY3nQSk1PbewL+kyynqsDuaH7RJIeImZ07h/xicd8kak1rWg==","shasum":"6cccb3dd1da5fc00028eaae830d9a6e6c8700c47","tarball":"https://registry.npmjs.org/@addpipe/react-pipe-media-recorder/-/react-pipe-media-recorder-1.3.0.tgz","fileCount":4,"unpackedSize":19790,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQCm/+EDUic3vPJIVeRV7L/N5aU+DxnTBwpjeVftFbIN2wIhAN8dBNPQs8KPUu1hnISmIRWEsej2+O43+bNcb7VMZRRE"}]},"_npmUser":{"name":"alexgarbacea","email":"alexgrb0909@gmail.com"},"directories":{},"maintainers":[{"name":"octavn","email":"octavian@addpipe.com"},{"name":"alexgarbacea","email":"alexgrb0909@gmail.com"},{"name":"remusn","email":"remusnegrota@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/react-pipe-media-recorder_1.3.0_1782378634241_0.43723043653220683"},"_hasShrinkwrap":false}},"time":{"created":"2024-11-05T08:54:52.307Z","modified":"2026-06-25T09:10:34.577Z","1.0.0":"2024-11-05T08:54:52.629Z","1.0.1":"2024-11-05T09:05:25.696Z","1.0.2":"2024-11-05T09:10:16.125Z","1.0.3":"2024-11-05T09:12:45.765Z","1.0.4":"2024-11-06T08:22:44.478Z","1.0.5":"2024-11-22T07:23:46.344Z","1.0.6":"2025-02-13T06:12:13.035Z","1.0.7":"2025-11-04T06:27:11.527Z","1.1.0":"2025-11-19T06:41:55.259Z","1.1.1":"2025-12-02T07:26:11.946Z","1.2.0":"2025-12-16T06:50:11.355Z","1.3.0":"2026-06-25T09:10:34.366Z"},"bugs":{"url":"https://github.com/addpipe/react-pipe-media-recorder/issues"},"author":{"name":"addpipe"},"license":"MIT","homepage":"https://github.com/addpipe/react-pipe-media-recorder#readme","keywords":["pipe","recorder","react","audio recording","video recording","media recording","getusermedia","MediaRecorder","getDisplayMedia","screen recorder","video recorder","audio recorder"],"repository":{"type":"git","url":"git+https://github.com/addpipe/react-pipe-media-recorder.git"},"description":"A React custom hook that integrates the addpipe.com recording client","maintainers":[{"name":"octavn","email":"octavian@addpipe.com"},{"name":"alexgarbacea","email":"alexgrb0909@gmail.com"},{"name":"remusn","email":"remusnegrota@gmail.com"}],"readme":"# React Pipe Media Recorder\n\n`@addpipe/react-pipe-media-recorder` provides a fully typed React hook for both TypeScript and JavaScript integrations that introduces the [Pipe Platform](https://addpipe.com) into your React projects. This package allows video, audio, and screen + camera recording. It's ideal for applications that need to capture user-generated content such as video feedback, messages, resumes, or testimonials. The recorder is easy to set up and ensures cross-platform compatibility, working on both desktop and mobile devices.\n\nWith `@addpipe/react-pipe-media-recorder`, you can:\n- Record high-quality **audio and video** content directly from users.\n- Capture **screen and camera** for detailed visual feedback or presentations.\n- **Embed multiple recorders** on a page for various user interactions.\n\n**Note**: You will need a free trial or paid account with [Addpipe](https://addpipe.com) to use this package.\n\n> **How it loads:** As of version `1.3.0`, the recording client is bundled directly via the [`@addpipe/pipe-recording-client`](https://www.npmjs.com/package/@addpipe/pipe-recording-client) npm package instead of being injected into the page through remote `<script>`/`<link>` tags. The Pipe recording client is imported by the hook, so your bundler (Vite, webpack, Next.js, CRA, …) handles them automatically, no extra setup is required. The recorder still communicates with Pipe's servers at runtime; only how the client is loaded has changed. The recording client version follows this package's `@addpipe/pipe-recording-client` dependency range (`^2.0.0`); see [Pinning a specific recording-client version](#pinning-a-specific-recording-client-version) if you need to lock it to an exact release.\n\n## Features:\n\n- **Video, Audio, and Screen Recording**: Add high-quality media recording functionality to any React app, supporting both desktop and mobile devices.\n- **Up to 4K Video**: Supports recording up to 4K resolution.\n- **No Upload Time**: Stream recordings while they are created, minimizing the wait time for users.\n- **Mobile Compatibility**: Supports HTML Media Capture for mobile video/audio recording.\n- **Screen + Camera Recording**: Capture both the screen and camera simultaneously for enhanced recording capabilities.\n- **Multilingual Support**: Available in multiple languages: English, French, German, and Spanish, with custom language support.\n- **Keyboard Accessibility**: Fully controllable via keyboard for improved accessibility.\n- **Connection Resilience**: Auto-reconnect ensures data recovery if the connection drops during recording.\n\n## Installation\n\nInstall the package using npm:\n\n```bash\nnpm install @addpipe/react-pipe-media-recorder\n```\n\n## Usage Examples\n\n👉 **Working Demo**: You can find a working demo [here](https://addpipe.com/react-demo/). The source code for the demo is available in both JavaScript and TypeScript React. Find more about it [here](https://addpipe.com/react-demo/).\n\n### Inserting a single recorder into the page\n\nIn this example, we insert a single Pipe recorder into the page and control it using the recorder's API (`record()` and `stopVideo()`). \n\n```jsx\nimport { useState } from \"react\";\nimport usePipeSDK from \"@addpipe/react-pipe-media-recorder\"; // Importing the Pipe recorder npm package\n\n// Inserting a single Pipe recorder into the page\nconst SingleRecorder = () => {\n  // Storing the generated recorder inside of a state - optional\n  const [recorder, setRecorder] = useState(null);\n  const [canRecord, setCanRecord] = useState(false);\n\n  // Using the Pipe recorder custom hook\n  const { isLoaded } = usePipeSDK((PipeSDK) => {\n    // Check to make sure the code below is only executed on the initial load\n    if (isLoaded) return;\n\n    // Prepare the parameters needed to generate a new recorder\n    const pipeParams = { size: { width: 640, height: 390 }, qualityurl: \"avq/360p.xml\", accountHash: \"YOUR_ACCOUNT_HASH\", eid: \"YOUR_ENV_CODE\", mrt: 600, avrec: 1 };\n\n    // Inserting a new recorder into the page\n    PipeSDK.insert(\"custom-id\", pipeParams, (pipeRecorder) => {\n      setRecorder(pipeRecorder); // Store the recorder instance for later use\n      pipeRecorder.onReadyToRecord = () => {\n        setCanRecord(true);\n      }\n    });\n  });\n\n  // Function to start a new recording using the recorder's API\n  const startRecording = () => {\n    if (!recorder || !canRecord) return;\n    recorder.record(); // Call to start recording\n  };\n\n  // Function to stop a recording using the recorder's API\n  const stopRecording = () => {\n    if (!recorder || !canRecord) return;\n    recorder.stopVideo(); // Call to stop recording\n  };\n\n  return (\n    <div>\n      {!isLoaded && <div>Loading the Pipe recorder</div>}\n      <div id=\"custom-id\"></div> {/* Placeholder for where the new recorder should be inserted */}\n      {isLoaded && recorder && (\n        <>\n          {/* Buttons to control the recorder - Only display them after all prerequisites have loaded */}\n          <button onClick={startRecording}>Record</button>\n          <button onClick={stopRecording}>Stop</button>\n        </>\n      )}\n    </div>\n  );\n};\n\nexport default SingleRecorder;\n```\n### Inserting a single recorder loaded from our EU client delivery servers (S1)\n\nIn this example, we insert a single Pipe recorder into the page and control it using the recorder's API (`record()` and `stopVideo()`). We load its static assets from our EU client delivery servers (S1) instead of the default global CDN by passing `useS1: true`.\n\n> **Deprecated:** The `buildSlug` option no longer has any effect and is kept only for backward compatibility. It used to request a specific `pipe.min.js`/`pipe.min.css` release; the recording-client version is now determined by the installed [`@addpipe/pipe-recording-client`](https://www.npmjs.com/package/@addpipe/pipe-recording-client) dependency. Passing `buildSlug` logs a one-time console warning. To control the client version, see [Pinning a specific recording-client version](#pinning-a-specific-recording-client-version) below.\n\n```jsx\nimport { useState } from \"react\";\nimport usePipeSDK from \"@addpipe/react-pipe-media-recorder\"; // Importing the Pipe recorder npm package\n\n// Inserting a single Pipe recorder into the page\nconst SingleRecorder = () => {\n  // Storing the generated recorder inside of a state - optional\n  const [recorder, setRecorder] = useState(null);\n  const [canRecord, setCanRecord] = useState(false);\n\n  // Custom options\n  const options = {\n    useS1: true, // Load from our EU client delivery servers (S1)\n  }\n\n  // Using the Pipe recorder custom hook with S1\n  const { isLoaded } = usePipeSDK((PipeSDK) => {\n    // Check to make sure the code below is only executed on the initial load\n    if (isLoaded) return;\n\n    // Prepare the parameters needed to generate a new recorder\n    const pipeParams = { size: { width: 640, height: 390 }, qualityurl: \"avq/360p.xml\", accountHash: \"YOUR_ACCOUNT_HASH\", eid: \"YOUR_ENV_CODE\", mrt: 600, avrec: 1 };\n\n    // Inserting a new recorder into the page\n    PipeSDK.insert(\"custom-id\", pipeParams, (pipeRecorder) => {\n      setRecorder(pipeRecorder); // Store the recorder instance for later use\n      pipeRecorder.onReadyToRecord = () => {\n        setCanRecord(true);\n      }\n    });\n  }, options);\n\n  // Function to start a new recording using the recorder's API\n  const startRecording = () => {\n    if (!recorder || !canRecord) return;\n    recorder.record(); // Call to start recording\n  };\n\n  // Function to stop a recording using the recorder's API\n  const stopRecording = () => {\n    if (!recorder || !canRecord) return;\n    recorder.stopVideo(); // Call to stop recording\n  };\n\n  return (\n    <div>\n      {!isLoaded && <div>Loading the Pipe recorder</div>}\n      <div id=\"custom-id\"></div> {/* Placeholder for where the new recorder should be inserted */}\n      {isLoaded && recorder && (\n        <>\n          {/* Buttons to control the recorder - Only display them after all prerequisites have loaded */}\n          <button onClick={startRecording}>Record</button>\n          <button onClick={stopRecording}>Stop</button>\n        </>\n      )}\n    </div>\n  );\n};\n\nexport default SingleRecorder;\n```\n\n### Pinning a specific recording-client version\n\nThis package depends on [`@addpipe/pipe-recording-client`](https://www.npmjs.com/package/@addpipe/pipe-recording-client) with the range `^2.0.0`, so by default you get the latest compatible `2.x` recording client. This is the modern replacement for the old `buildSlug` option.\n\nTo lock the recording client to an exact client version, override the dependency from **your own** project's `package.json` (not this package's). The recording client bundled into your app is whatever version resolves there.\n\n**npm** (v8.3+) - add an [`overrides`](https://docs.npmjs.com/cli/v10/configuring-npm/package-json#overrides) field:\n\n```json\n{\n  \"overrides\": {\n    \"@addpipe/pipe-recording-client\": \"2.0.0\"\n  }\n}\n```\n\n**Yarn / pnpm** - add a [`resolutions`](https://classic.yarnpkg.com/lang/en/docs/selective-version-resolutions/) field:\n\n```json\n{\n  \"resolutions\": {\n    \"@addpipe/pipe-recording-client\": \"2.0.0\"\n  }\n}\n```\n\nThen reinstall (`npm install`, `yarn`, or `pnpm install`) and confirm the resolved version with `npm ls @addpipe/pipe-recording-client`. Available versions are listed on the [recording-client versions page](https://www.npmjs.com/package/@addpipe/pipe-recording-client?activeTab=versions).\n\n### Inserting multiple recorders into the page\n\nThis example demonstrates how to insert multiple Pipe recorders into the page.\n\n```jsx\nimport { useState } from \"react\";\nimport usePipeSDK from \"@addpipe/react-pipe-media-recorder\"; // Importing the Pipe recorder npm package\n\n// Inserting multiple Pipe recorders into the page\nconst MultipleRecorders = () => {\n  // Storing the global PipeSDK into a state\n  const [pipeSdk, setPipeSdk] = useState(null);\n\n  // Custom IDs for the recorders\n  const CUSTOM_IDS = [\"custom-id-1\", \"custom-id-2\", \"custom-id-3\"];\n\n  // Using the Pipe recorder custom hook\n  const { isLoaded } = usePipeSDK((PipeSDK) => {\n    // Check to make sure the code below is only executed on the initial load\n    if (isLoaded) return;\n\n    // Prepare the parameters needed to generate new recorders\n    const pipeParams = { size: { width: 640, height: 390 }, qualityurl: \"avq/360p.xml\", accountHash: \"YOUR_ACCOUNT_HASH\", eid: \"YOUR_ENV_CODE\", mrt: 600, avrec: 1 };\n\n    // Inserting new recorders into the page\n    CUSTOM_IDS.forEach((id) => PipeSDK.insert(id, pipeParams, () => {}));\n\n    // Store PipeSDK into a state for controlling the recorders later\n    setPipeSdk(PipeSDK);\n  });\n\n  // Function to start a new recording using PipeSDK\n  const startRecording = (recorderId) => {\n    if (!pipeSdk) return;\n    pipeSdk.getRecorderById(recorderId).record(); // Call to start recording for a specific recorder\n  };\n\n  // Function to stop a recording using PipeSDK\n  const stopRecording = (recorderId) => {\n    if (!pipeSdk) return;\n    pipeSdk.getRecorderById(recorderId).stopVideo(); // Call to stop recording for a specific recorder\n  };\n\n  return (\n    <>\n      {CUSTOM_IDS.map((id, index) => (\n        <div key={index}>\n          <div id={id}></div> {/* Placeholder for where the new recorder should be inserted */}\n          {/* Buttons to control the recorder - Only display them after all prerequisites have loaded */}\n          {isLoaded && (\n            <>\n              <button onClick={() => startRecording(id)}>Record</button>\n              <button onClick={() => stopRecording(id)}>Stop</button>\n            </>\n          )}\n        </div>\n      ))}\n    </>\n  );\n};\n\nexport default MultipleRecorders;\n```\n\n## Controlling the Recorder\n\nTo control the recorders, you can use the API control methods, such as:\n\n- `record()`: Starts a new recording.\n- `stopVideo()`: Stops the recording.\n\nA full list of the recorder's API control methods can be found in the official [Pipe API Documentation](https://addpipe.com/docs/javascript/js-api-v2/#methods-list).\n\n## Embed Code Parameters\n\nThe `pipeParams` object is used to configure the Pipe recorder. Here’s an example of its structure:\n\n```js\nconst pipeParams = {\n  size: { width: 640, height: 390 },\n  qualityurl: \"avq/360p.xml\",\n  accountHash: \"YOUR_ACCOUNT_HASH\",\n  eid: \"YOUR_ENV_CODE\",\n  mrt: 600,\n  avrec: 1,\n  // Additional options available in the official documentation\n};\n```\n\nFor more detailed embed code options, refer to the [Addpipe Embed Code Options](https://addpipe.com/docs/desktop-recording-client/embed-code-options-desktop/#20-javascript).\n\n## Documentation and Pricing\n\n- Official Developer Documentation: [Addpipe Docs](https://addpipe.com/docs)\n- Pricing Information: [Addpipe Pricing](https://addpipe.com/pricing)\n\n---\n\n### Keywords\n- Video Recorder\n- Video Recording\n- Audio Recorder\n- Audio Recording\n- Screen Recorder\n- Screen Recording\n- Camera Recorder\n- React Video Recorder\n- React Audio Recorder\n- Screen and Camera Capture\n- React Hooks for Media\n\n# Releases\n\nAll releases are available [here](https://github.com/addpipe/react-pipe-media-recorder/releases)","readmeFilename":"README.md"}