{"_id":"react-audio-visualize","_rev":"9-e6042f92a951da3a9ed5762b84e17211","name":"react-audio-visualize","dist-tags":{"latest":"1.2.0"},"versions":{"0.0.1":{"name":"react-audio-visualize","version":"0.0.1","keywords":["audio","visualize","visualise","visualizer","visualiser","audio visualiser","audio visualizer","audio visualize","audio visualise","audio waveform","waveform","audio visualization","visualization"],"author":"","license":"MIT","_id":"react-audio-visualize@0.0.1","maintainers":[{"name":"samhirtarif","email":"samhirbutt@gmail.com"}],"homepage":"https://github.com/samhirtarif/react-audio-visualize#readme","bugs":{"url":"https://github.com/samhirtarif/react-audio-visualize/issues"},"dist":{"shasum":"54271769f3fa9f564c522e28c98752c8ed88760e","tarball":"https://registry.npmjs.org/react-audio-visualize/-/react-audio-visualize-0.0.1.tgz","fileCount":13,"integrity":"sha512-Y2GL4pMAinQtDqShtBIHolhWXwl1hY1cFTKgK/2hCV16XL+HPh8AKaHd2cKIKSuEyk/mgJL1K4RnKVIGBGQNkQ==","signatures":[{"sig":"MEQCICSa97Yayhk4e+bjRK8HrNsSuc9Wq9yZ+bNYYeSBODV0AiATwK0GxClhhtEpVEwK1R3yijQgMafOn+e6YPIuxH6buw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":53334},"main":"./dist/react-audio-visualize.umd.js","types":"./dist/index.d.ts","module":"./dist/react-audio-visualize.es.js","exports":{".":{"import":"./dist/react-audio-visualize.es.js","require":"./dist/react-audio-visualize.umd.js"}},"gitHead":"a3f33e528844a23332dcdcd00ba1e5bacd52d68f","private":false,"scripts":{"dev":"vite","lint":"eslint src/**/*.ts{,x}","build":"tsc && vite build","preview":"vite preview","lint:fix":"npm run lint -- --fix"},"_npmUser":{"name":"samhirtarif","email":"samhirbutt@gmail.com"},"repository":{"url":"git+https://github.com/samhirtarif/react-audio-visualize.git","type":"git"},"_npmVersion":"9.6.5","description":"An audio visualizer for React. Provides separate components to visualize both live audio and audio blobs.","directories":{},"_nodeVersion":"16.14.2","_hasShrinkwrap":false,"devDependencies":{"path":"^0.12.7","vite":"^4.3.2","react":"^18.2.0","eslint":"^8.38.0","prettier":"^2.8.8","react-dom":"^18.2.0","typescript":"^5.0.2","@types/node":"^20.2.1","@types/react":"^18.0.28","vite-plugin-dts":"^2.3.0","@types/react-dom":"^18.0.11","eslint-plugin-react":"^7.32.2","@vitejs/plugin-react":"^4.0.0","eslint-config-prettier":"^8.8.0","eslint-plugin-prettier":"^4.2.1","@typescript-eslint/parser":"^5.57.1","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-refresh":"^0.3.4","@typescript-eslint/eslint-plugin":"^5.57.1","eslint-config-standard-with-typescript":"^34.0.1"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/react-audio-visualize_0.0.1_1686015790462_0.028600925523798892","host":"s3://npm-registry-packages"}},"0.0.2":{"name":"react-audio-visualize","version":"0.0.2","keywords":["audio","visualize","visualise","visualizer","visualiser","audio visualiser","audio visualizer","audio visualize","audio visualise","audio waveform","waveform","audio visualization","visualization"],"author":"","license":"MIT","_id":"react-audio-visualize@0.0.2","maintainers":[{"name":"samhirtarif","email":"samhirbutt@gmail.com"}],"homepage":"https://github.com/samhirtarif/react-audio-visualize#readme","bugs":{"url":"https://github.com/samhirtarif/react-audio-visualize/issues"},"dist":{"shasum":"9f7e729e22eef79875ef21e13c9cad9516ca0dbf","tarball":"https://registry.npmjs.org/react-audio-visualize/-/react-audio-visualize-0.0.2.tgz","fileCount":13,"integrity":"sha512-BsosJefcY/jboddWadax3cLqvc3AZSt1UspKdvvgd2REdQLIzx/GrzSNCnZyRpHpYkxI2q/1x8MUBFR96vljPw==","signatures":[{"sig":"MEYCIQCAkdloUJijQNljon944nBCzrvUYFsrENQgwvrINuKR/wIhAM9+Ni1Q/TBkFEQG8N/ttUjhShMDXvU18lr0R9k92MJ4","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":54572},"main":"./dist/react-audio-visualize.umd.js","types":"./dist/index.d.ts","module":"./dist/react-audio-visualize.es.js","exports":{".":{"import":"./dist/react-audio-visualize.es.js","require":"./dist/react-audio-visualize.umd.js"}},"gitHead":"a3f33e528844a23332dcdcd00ba1e5bacd52d68f","private":false,"scripts":{"dev":"vite","lint":"eslint src/**/*.ts{,x}","build":"tsc && vite build","preview":"vite preview","lint:fix":"npm run lint -- --fix"},"_npmUser":{"name":"samhirtarif","email":"samhirbutt@gmail.com"},"repository":{"url":"git+https://github.com/samhirtarif/react-audio-visualize.git","type":"git"},"_npmVersion":"9.6.5","description":"An audio visualizer for React. Provides separate components to visualize both live audio and audio blobs.","directories":{},"_nodeVersion":"16.14.2","_hasShrinkwrap":false,"devDependencies":{"path":"^0.12.7","vite":"^4.3.2","react":"^18.2.0","eslint":"^8.38.0","prettier":"^2.8.8","react-dom":"^18.2.0","typescript":"^5.0.2","@types/node":"^20.2.1","@types/react":"^18.0.28","vite-plugin-dts":"^2.3.0","@types/react-dom":"^18.0.11","eslint-plugin-react":"^7.32.2","@vitejs/plugin-react":"^4.0.0","eslint-config-prettier":"^8.8.0","eslint-plugin-prettier":"^4.2.1","@typescript-eslint/parser":"^5.57.1","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-refresh":"^0.3.4","@typescript-eslint/eslint-plugin":"^5.57.1","eslint-config-standard-with-typescript":"^34.0.1"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/react-audio-visualize_0.0.2_1686019743727_0.8153930572603063","host":"s3://npm-registry-packages"}},"0.0.3":{"name":"react-audio-visualize","version":"0.0.3","keywords":["audio","visualize","visualise","visualizer","visualiser","audio visualiser","audio visualizer","audio visualize","audio visualise","audio waveform","waveform","audio visualization","visualization"],"author":"","license":"MIT","_id":"react-audio-visualize@0.0.3","maintainers":[{"name":"samhirtarif","email":"samhirbutt@gmail.com"}],"homepage":"https://github.com/samhirtarif/react-audio-visualize#readme","bugs":{"url":"https://github.com/samhirtarif/react-audio-visualize/issues"},"dist":{"shasum":"24946b1456dce279c95a768e6d46f359ff651a21","tarball":"https://registry.npmjs.org/react-audio-visualize/-/react-audio-visualize-0.0.3.tgz","fileCount":15,"integrity":"sha512-R5p+Duvhp0yJVOo45BGb2eGv1fNBFt2cam1dqixDGKDbYdjtRO6Yiut3gqFgGVJFiQunnX31IL6PzWtJlSkxtQ==","signatures":[{"sig":"MEUCIEWdG7M6wHB9MWSk0+Upxj6ayN+M9ywFdDHgCkUYzsjmAiEAkDANmjpSg6ePX0St6diWV7s0KunUn78qVMvJZmr5oGU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":420203},"main":"./dist/react-audio-visualize.umd.js","types":"./dist/index.d.ts","module":"./dist/react-audio-visualize.es.js","exports":{".":{"import":"./dist/react-audio-visualize.es.js","require":"./dist/react-audio-visualize.umd.js"}},"gitHead":"a3f33e528844a23332dcdcd00ba1e5bacd52d68f","private":false,"scripts":{"dev":"vite","lint":"eslint src/**/*.ts{,x}","build":"tsc && vite build","preview":"vite preview","lint:fix":"npm run lint -- --fix"},"_npmUser":{"name":"samhirtarif","email":"samhirbutt@gmail.com"},"repository":{"url":"git+https://github.com/samhirtarif/react-audio-visualize.git","type":"git"},"_npmVersion":"9.6.5","description":"An audio visualizer for React. Provides separate components to visualize both live audio and audio blobs.","directories":{},"_nodeVersion":"16.14.2","_hasShrinkwrap":false,"devDependencies":{"path":"^0.12.7","vite":"^4.3.2","react":"^18.2.0","eslint":"^8.38.0","prettier":"^2.8.8","react-dom":"^18.2.0","typescript":"^5.0.2","@types/node":"^20.2.1","@types/react":"^18.0.28","vite-plugin-dts":"^2.3.0","@types/react-dom":"^18.0.11","eslint-plugin-react":"^7.32.2","@vitejs/plugin-react":"^4.0.0","eslint-config-prettier":"^8.8.0","eslint-plugin-prettier":"^4.2.1","@typescript-eslint/parser":"^5.57.1","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-refresh":"^0.3.4","@typescript-eslint/eslint-plugin":"^5.57.1","eslint-config-standard-with-typescript":"^34.0.1"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/react-audio-visualize_0.0.3_1686019830408_0.5031140433611119","host":"s3://npm-registry-packages"}},"0.0.4":{"name":"react-audio-visualize","version":"0.0.4","keywords":["audio","visualize","visualise","visualizer","visualiser","audio visualiser","audio visualizer","audio visualize","audio visualise","audio waveform","waveform","audio visualization","visualization"],"author":"","license":"MIT","_id":"react-audio-visualize@0.0.4","maintainers":[{"name":"samhirtarif","email":"samhirbutt@gmail.com"}],"homepage":"https://github.com/samhirtarif/react-audio-visualize#readme","bugs":{"url":"https://github.com/samhirtarif/react-audio-visualize/issues"},"dist":{"shasum":"de6be23f61be1754c2578a8c183010eb936958a6","tarball":"https://registry.npmjs.org/react-audio-visualize/-/react-audio-visualize-0.0.4.tgz","fileCount":13,"integrity":"sha512-1cSOF2Jx/1GqPHWfn7IA4tO0Bs8GTwcZC9XRm+K38qa8BIzAL0dzYiongBFyiXWUNQv1X4x6pxBBgKd4zfMhUA==","signatures":[{"sig":"MEQCIB5MOBgs1CGXVJ+YrSXsYVa8XUK09xm0HRrFoXthwCfpAiBKhJF/udP+RKzzoPxRcuDBPFkprjFYz6erWMqReDocdw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":54626},"main":"./dist/react-audio-visualize.umd.js","types":"./dist/index.d.ts","module":"./dist/react-audio-visualize.es.js","exports":{".":{"import":"./dist/react-audio-visualize.es.js","require":"./dist/react-audio-visualize.umd.js"}},"gitHead":"454dc7a7f847be3b9dcd66993e2b9ce4d1196f81","private":false,"scripts":{"dev":"vite","lint":"eslint src/**/*.ts{,x}","build":"tsc && vite build","preview":"vite preview","lint:fix":"npm run lint -- --fix"},"_npmUser":{"name":"samhirtarif","email":"samhirbutt@gmail.com"},"repository":{"url":"git+https://github.com/samhirtarif/react-audio-visualize.git","type":"git"},"_npmVersion":"9.6.5","description":"An audio visualizer for React. Provides separate components to visualize both live audio and audio blobs.","directories":{},"_nodeVersion":"16.14.2","_hasShrinkwrap":false,"devDependencies":{"path":"^0.12.7","vite":"^4.3.2","react":"^18.2.0","eslint":"^8.38.0","prettier":"^2.8.8","react-dom":"^18.2.0","typescript":"^5.0.2","@types/node":"^20.2.1","@types/react":"^18.0.28","vite-plugin-dts":"^2.3.0","@types/react-dom":"^18.0.11","eslint-plugin-react":"^7.32.2","@vitejs/plugin-react":"^4.0.0","eslint-config-prettier":"^8.8.0","eslint-plugin-prettier":"^4.2.1","@typescript-eslint/parser":"^5.57.1","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-refresh":"^0.3.4","@typescript-eslint/eslint-plugin":"^5.57.1","eslint-config-standard-with-typescript":"^34.0.1"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/react-audio-visualize_0.0.4_1686021326511_0.1426593037881554","host":"s3://npm-registry-packages"}},"1.0.0":{"name":"react-audio-visualize","version":"1.0.0","keywords":["audio","visualize","visualise","visualizer","visualiser","audio visualiser","audio visualizer","audio visualize","audio visualise","audio waveform","waveform","audio visualization","visualization"],"author":"","license":"MIT","_id":"react-audio-visualize@1.0.0","maintainers":[{"name":"samhirtarif","email":"samhirbutt@gmail.com"}],"homepage":"https://github.com/samhirtarif/react-audio-visualize#readme","bugs":{"url":"https://github.com/samhirtarif/react-audio-visualize/issues"},"dist":{"shasum":"87b60a2bd75bfcb9c159fa0a540fb9f8004c5757","tarball":"https://registry.npmjs.org/react-audio-visualize/-/react-audio-visualize-1.0.0.tgz","fileCount":13,"integrity":"sha512-fjLmgL48mc6nwtVrf1WgetpjqODRjupgpBM5C7pwU7F4snJVS5C4TdO9cL4TkfwZ4ELUI/5w+gW6UQNco2YgPg==","signatures":[{"sig":"MEYCIQDUAXUvfVkWzu0cJcd0fgz2CmemB5O4L/D3no5P6v4gqgIhAMiM/JtLZ1rrR7ZU6FQ3OMAxzwUZUcDqXRU7IlsYBF0S","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":54626},"main":"./dist/react-audio-visualize.umd.js","types":"./dist/index.d.ts","module":"./dist/react-audio-visualize.es.js","exports":{".":{"import":"./dist/react-audio-visualize.es.js","require":"./dist/react-audio-visualize.umd.js"}},"gitHead":"454dc7a7f847be3b9dcd66993e2b9ce4d1196f81","private":false,"scripts":{"dev":"vite","lint":"eslint src/**/*.ts{,x}","build":"tsc && vite build","preview":"vite preview","lint:fix":"npm run lint -- --fix"},"_npmUser":{"name":"samhirtarif","email":"samhirbutt@gmail.com"},"repository":{"url":"git+https://github.com/samhirtarif/react-audio-visualize.git","type":"git"},"_npmVersion":"9.6.5","description":"An audio visualizer for React. Provides separate components to visualize both live audio and audio blobs.","directories":{},"_nodeVersion":"16.14.2","_hasShrinkwrap":false,"devDependencies":{"path":"^0.12.7","vite":"^4.3.2","react":"^18.2.0","eslint":"^8.38.0","prettier":"^2.8.8","react-dom":"^18.2.0","typescript":"^5.0.2","@types/node":"^20.2.1","@types/react":"^18.0.28","vite-plugin-dts":"^2.3.0","@types/react-dom":"^18.0.11","eslint-plugin-react":"^7.32.2","@vitejs/plugin-react":"^4.0.0","eslint-config-prettier":"^8.8.0","eslint-plugin-prettier":"^4.2.1","@typescript-eslint/parser":"^5.57.1","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-refresh":"^0.3.4","@typescript-eslint/eslint-plugin":"^5.57.1","eslint-config-standard-with-typescript":"^34.0.1"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/react-audio-visualize_1.0.0_1686021419275_0.5989388128106543","host":"s3://npm-registry-packages"}},"1.1.0":{"name":"react-audio-visualize","version":"1.1.0","keywords":["audio","visualize","visualise","visualizer","visualiser","audio visualiser","audio visualizer","audio visualize","audio visualise","audio waveform","waveform","audio visualization","visualization"],"author":"","license":"MIT","_id":"react-audio-visualize@1.1.0","maintainers":[{"name":"samhirtarif","email":"samhirbutt@gmail.com"}],"homepage":"https://github.com/samhirtarif/react-audio-visualize#readme","bugs":{"url":"https://github.com/samhirtarif/react-audio-visualize/issues"},"dist":{"shasum":"d3ce470bf55569302695cf0ab7045f609b870da3","tarball":"https://registry.npmjs.org/react-audio-visualize/-/react-audio-visualize-1.1.0.tgz","fileCount":13,"integrity":"sha512-O6xnok5iKwPgTBohFB0XNHf/JUNFGS8POh/5PdqwumwC1EXaL1fZgeuTuBlnUOuwlJamCu+W/c4OSrwyvh1Esg==","signatures":[{"sig":"MEUCIQDB6999yehpBUVc8IY1WbhmONXW7vN3r/8liPQ6z3ImawIgK3ybk/GcZbwXJWG/LkD7VYA9IxkGm+djAHSy/7rugMQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55238},"main":"./dist/react-audio-visualize.umd.js","types":"./dist/index.d.ts","module":"./dist/react-audio-visualize.es.js","exports":{".":{"import":"./dist/react-audio-visualize.es.js","require":"./dist/react-audio-visualize.umd.js"}},"gitHead":"a92eddd8896839268c23e0808bb1ad15f9a90dcb","private":false,"scripts":{"dev":"vite","lint":"eslint src/**/*.ts{,x}","build":"tsc && vite build","preview":"vite preview","lint:fix":"npm run lint -- --fix"},"_npmUser":{"name":"samhirtarif","email":"samhirbutt@gmail.com"},"repository":{"url":"git+https://github.com/samhirtarif/react-audio-visualize.git","type":"git"},"_npmVersion":"8.19.3","description":"An audio visualizer for React. Provides separate components to visualize both live audio and audio blobs.","directories":{},"_nodeVersion":"16.19.1","_hasShrinkwrap":false,"devDependencies":{"path":"^0.12.7","vite":"^4.3.9","react":"^18.2.0","eslint":"^8.38.0","prettier":"^2.8.8","react-dom":"^18.2.0","typescript":"^5.0.2","@types/node":"^20.2.1","@types/react":"^18.0.28","vite-plugin-dts":"^2.3.0","@types/react-dom":"^18.0.11","eslint-plugin-react":"^7.32.2","@vitejs/plugin-react":"^4.0.0","eslint-config-prettier":"^8.8.0","eslint-plugin-prettier":"^4.2.1","@typescript-eslint/parser":"^5.57.1","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-refresh":"^0.3.4","@typescript-eslint/eslint-plugin":"^5.57.1","eslint-config-standard-with-typescript":"^34.0.1"},"peerDependencies":{"react":">=16.2.0","react-dom":">=16.2.0"},"_npmOperationalInternal":{"tmp":"tmp/react-audio-visualize_1.1.0_1686990876922_0.4380247251297631","host":"s3://npm-registry-packages"}},"1.1.1":{"name":"react-audio-visualize","version":"1.1.1","keywords":["audio","visualize","visualise","visualizer","visualiser","audio visualiser","audio visualizer","audio visualize","audio visualise","audio waveform","waveform","audio visualization","visualization","live visualize"],"author":"","license":"MIT","_id":"react-audio-visualize@1.1.1","maintainers":[{"name":"samhirtarif","email":"samhirbutt@gmail.com"}],"homepage":"https://github.com/samhirtarif/react-audio-visualize#readme","bugs":{"url":"https://github.com/samhirtarif/react-audio-visualize/issues"},"dist":{"shasum":"f306706b1407d0e2346a414c0d7d2a8f7429e3f3","tarball":"https://registry.npmjs.org/react-audio-visualize/-/react-audio-visualize-1.1.1.tgz","fileCount":13,"integrity":"sha512-eNLHoAV6aGXbD1kTBW+dJoCyNgmXg4lYMHDAzPVKC4achc85q0G0CWL+SSGetz+tLrebYhbESfaBRJHzzjFyOA==","signatures":[{"sig":"MEQCICi80RgTv7Enip/fnBCZ9TGshXj1WbqdqI/SZU7wDBu4AiBROsQ3Vn+iZa1LzKEmnR+rPwNfaRHL/aVxicEkoObJKA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55914},"main":"./dist/react-audio-visualize.umd.js","types":"./dist/index.d.ts","module":"./dist/react-audio-visualize.es.js","exports":{".":{"import":"./dist/react-audio-visualize.es.js","require":"./dist/react-audio-visualize.umd.js"}},"gitHead":"c61ad7f1e9144a96c09d8a7c2a3d578c43fabc2f","private":false,"scripts":{"dev":"vite","lint":"eslint src/**/*.ts{,x}","build":"tsc && vite build","preview":"vite preview","lint:fix":"npm run lint -- --fix"},"_npmUser":{"name":"samhirtarif","email":"samhirbutt@gmail.com"},"repository":{"url":"git+https://github.com/samhirtarif/react-audio-visualize.git","type":"git"},"_npmVersion":"9.6.5","description":"An audio visualizer for React. Provides separate components to visualize both live audio and audio blobs.","directories":{},"_nodeVersion":"18.15.0","_hasShrinkwrap":false,"devDependencies":{"path":"^0.12.7","vite":"^4.3.9","react":"^18.2.0","eslint":"^8.38.0","prettier":"^2.8.8","react-dom":"^18.2.0","typescript":"^5.0.2","@types/node":"^20.2.1","@types/react":"^18.0.28","vite-plugin-dts":"^2.3.0","@types/react-dom":"^18.0.11","eslint-plugin-react":"^7.32.2","@vitejs/plugin-react":"^4.0.0","eslint-config-prettier":"^8.8.0","eslint-plugin-prettier":"^4.2.1","@typescript-eslint/parser":"^5.57.1","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-refresh":"^0.3.4","@typescript-eslint/eslint-plugin":"^5.57.1","eslint-config-standard-with-typescript":"^34.0.1"},"peerDependencies":{"react":">=16.2.0","react-dom":">=16.2.0"},"_npmOperationalInternal":{"tmp":"tmp/react-audio-visualize_1.1.1_1688822411224_0.6621239436575688","host":"s3://npm-registry-packages"}},"1.1.2":{"name":"react-audio-visualize","version":"1.1.2","keywords":["audio","visualize","visualise","visualizer","visualiser","audio visualiser","audio visualizer","audio visualize","audio visualise","audio waveform","waveform","audio visualization","visualization","live visualize"],"author":"","license":"MIT","_id":"react-audio-visualize@1.1.2","maintainers":[{"name":"samhirtarif","email":"samhirbutt@gmail.com"}],"homepage":"https://github.com/samhirtarif/react-audio-visualize#readme","bugs":{"url":"https://github.com/samhirtarif/react-audio-visualize/issues"},"dist":{"shasum":"ad3a691b1d4356e69137814ba031ee836b69910f","tarball":"https://registry.npmjs.org/react-audio-visualize/-/react-audio-visualize-1.1.2.tgz","fileCount":13,"integrity":"sha512-6FdQPXQDqO9I8bWFT5x+e+6oJekK3rm4VP6IHb449mFGCIygcNfRa3T/NOclscxxQ/Hs9g5X9Au00hP0pVo3Jg==","signatures":[{"sig":"MEUCIHaH0iwQeBDMPUEbmrQ5ZXOyhSN71SkCM2QVEVIxJUXLAiEAxGgaVFnIcmmoTkVNixwuvIVmCHnpFgHBPn8PwATGHZQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55467},"main":"./dist/react-audio-visualize.umd.js","types":"./dist/index.d.ts","module":"./dist/react-audio-visualize.es.js","exports":{".":{"import":"./dist/react-audio-visualize.es.js","require":"./dist/react-audio-visualize.umd.js"}},"gitHead":"15771c5ede0545ce0cd4dd0bc04c1b65138bfc90","private":false,"scripts":{"dev":"vite","lint":"eslint src/**/*.ts{,x}","build":"tsc && vite build","preview":"vite preview","lint:fix":"npm run lint -- --fix"},"_npmUser":{"name":"samhirtarif","email":"samhirbutt@gmail.com"},"repository":{"url":"git+https://github.com/samhirtarif/react-audio-visualize.git","type":"git"},"_npmVersion":"9.6.5","description":"An audio visualizer for React. Provides separate components to visualize both live audio and audio blobs.","directories":{},"_nodeVersion":"18.15.0","_hasShrinkwrap":false,"devDependencies":{"path":"^0.12.7","vite":"^4.3.9","react":"^18.2.0","eslint":"^8.38.0","prettier":"^2.8.8","react-dom":"^18.2.0","typescript":"^5.0.2","@types/node":"^20.2.1","@types/react":"^18.0.28","vite-plugin-dts":"^2.3.0","@types/react-dom":"^18.0.11","eslint-plugin-react":"^7.32.2","@vitejs/plugin-react":"^4.0.0","eslint-config-prettier":"^8.8.0","eslint-plugin-prettier":"^4.2.1","@typescript-eslint/parser":"^5.57.1","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-refresh":"^0.3.4","@typescript-eslint/eslint-plugin":"^5.57.1","eslint-config-standard-with-typescript":"^34.0.1"},"peerDependencies":{"react":">=16.2.0","react-dom":">=16.2.0"},"_npmOperationalInternal":{"tmp":"tmp/react-audio-visualize_1.1.2_1688822991449_0.6226704204724536","host":"s3://npm-registry-packages"}},"1.1.3":{"name":"react-audio-visualize","version":"1.1.3","keywords":["audio","visualize","visualise","visualizer","visualiser","audio visualiser","audio visualizer","audio visualize","audio visualise","audio waveform","waveform","audio visualization","visualization","live visualize"],"author":"","license":"MIT","_id":"react-audio-visualize@1.1.3","maintainers":[{"name":"samhirtarif","email":"samhirbutt@gmail.com"}],"homepage":"https://github.com/samhirtarif/react-audio-visualize#readme","bugs":{"url":"https://github.com/samhirtarif/react-audio-visualize/issues"},"dist":{"shasum":"7bf06061cb8df91e289e4ff06f5a430f8c2ecc02","tarball":"https://registry.npmjs.org/react-audio-visualize/-/react-audio-visualize-1.1.3.tgz","fileCount":13,"integrity":"sha512-gvKcmyfJP6XQrzCJeEK4z/lBL/qijqWD6JArZBfaaf5ZxEQPMfQhTipG0LJIUcBYxzVO1rvIhj4ex+/5MRYTFA==","signatures":[{"sig":"MEYCIQCa6SSfjDyh7fX6BFHWDYgZ3kxEOn2wPs6vxO0yIG4k1gIhAIns+KbOTaRM55bshoK9E2rZgP+WAtkaGa8t/tLTAF2l","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55423},"main":"./dist/react-audio-visualize.umd.js","types":"./dist/index.d.ts","module":"./dist/react-audio-visualize.es.js","exports":{".":{"import":"./dist/react-audio-visualize.es.js","require":"./dist/react-audio-visualize.umd.js"}},"gitHead":"be7d560a22749c9122aa35bbf19153fb479bf880","private":false,"scripts":{"dev":"vite","lint":"eslint src/**/*.ts{,x}","build":"tsc && vite build","preview":"vite preview","lint:fix":"npm run lint -- --fix"},"_npmUser":{"name":"samhirtarif","email":"samhirbutt@gmail.com"},"repository":{"url":"git+https://github.com/samhirtarif/react-audio-visualize.git","type":"git"},"_npmVersion":"8.19.3","description":"An audio visualizer for React. Provides separate components to visualize both live audio and audio blobs.","directories":{},"_nodeVersion":"16.19.1","_hasShrinkwrap":false,"devDependencies":{"path":"^0.12.7","vite":"^4.3.9","react":"^18.2.0","eslint":"^8.38.0","prettier":"^2.8.8","react-dom":"^18.2.0","typescript":"^5.0.2","@types/node":"^20.2.1","@types/react":"^18.0.28","vite-plugin-dts":"^2.3.0","@types/react-dom":"^18.0.11","eslint-plugin-react":"^7.32.2","@vitejs/plugin-react":"^4.0.0","eslint-config-prettier":"^8.8.0","eslint-plugin-prettier":"^4.2.1","@typescript-eslint/parser":"^5.57.1","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-refresh":"^0.3.4","@typescript-eslint/eslint-plugin":"^5.57.1","eslint-config-standard-with-typescript":"^34.0.1"},"peerDependencies":{"react":">=16.2.0","react-dom":">=16.2.0"},"_npmOperationalInternal":{"tmp":"tmp/react-audio-visualize_1.1.3_1689014796064_0.7503502964652018","host":"s3://npm-registry-packages"}},"1.2.0":{"name":"react-audio-visualize","private":false,"version":"1.2.0","license":"MIT","author":{"name":"Samhir Tarif"},"repository":{"type":"git","url":"git+https://github.com/samhirtarif/react-audio-visualize.git"},"keywords":["audio","visualize","visualise","visualizer","visualiser","audio visualiser","audio visualizer","audio visualize","audio visualise","audio waveform","waveform","audio visualization","visualization","live visualize"],"main":"./dist/react-audio-visualize.umd.js","module":"./dist/react-audio-visualize.es.js","types":"./dist/index.d.ts","exports":{".":{"import":"./dist/react-audio-visualize.es.js","require":"./dist/react-audio-visualize.umd.js","types":"./dist/index.d.ts"}},"scripts":{"dev":"vite","build":"tsc && vite build","preview":"vite preview","lint":"eslint src/**/*.ts{,x}","lint:fix":"npm run lint -- --fix"},"devDependencies":{"@types/node":"^20.2.1","@types/react":"^18.0.28","@types/react-dom":"^18.0.11","@typescript-eslint/eslint-plugin":"^5.57.1","@typescript-eslint/parser":"^5.57.1","@vitejs/plugin-react":"^4.0.0","eslint":"^8.38.0","eslint-config-prettier":"^8.8.0","eslint-config-standard-with-typescript":"^34.0.1","eslint-plugin-prettier":"^4.2.1","eslint-plugin-react":"^7.32.2","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-refresh":"^0.3.4","path":"^0.12.7","prettier":"^2.8.8","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^5.0.2","vite":"^4.5.3","vite-plugin-dts":"^2.3.0"},"peerDependencies":{"react":">=16.2.0","react-dom":">=16.2.0"},"gitHead":"a0dc5055a116e1dd700213b9140702cc56fe0698","description":"An audio visualizer for React. Provides separate components to visualize both live audio and audio blobs.","bugs":{"url":"https://github.com/samhirtarif/react-audio-visualize/issues"},"homepage":"https://github.com/samhirtarif/react-audio-visualize#readme","_id":"react-audio-visualize@1.2.0","_nodeVersion":"22.3.0","_npmVersion":"9.6.5","dist":{"integrity":"sha512-rfO5nmT0fp23gjU0y2WQT6+ZOq2ZsuPTMphchwX1PCz1Di4oaIr6x7JZII8MLrbHdG7UB0OHfGONTIsWdh67kQ==","shasum":"b53f79223da2e4117ffbb37cdfd5b5ceb1d1dd4e","tarball":"https://registry.npmjs.org/react-audio-visualize/-/react-audio-visualize-1.2.0.tgz","fileCount":13,"unpackedSize":56237,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCDPrWSVITCBILjSxg33+4fuciDCeRFaq5sZyS1O588mQIhAIDvy6uJRPwK++vU+A6Wzml/FXXnB5ERYcaT+BTB1Pdf"}]},"_npmUser":{"name":"samhirtarif","email":"samhirbutt@gmail.com"},"directories":{},"maintainers":[{"name":"samhirtarif","email":"samhirbutt@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-audio-visualize_1.2.0_1725711526720_0.33901664305287493"},"_hasShrinkwrap":false}},"time":{"created":"2023-06-06T01:43:10.462Z","modified":"2024-09-07T12:18:47.121Z","0.0.1":"2023-06-06T01:43:10.653Z","0.0.2":"2023-06-06T02:49:03.963Z","0.0.3":"2023-06-06T02:50:30.655Z","0.0.4":"2023-06-06T03:15:26.716Z","1.0.0":"2023-06-06T03:16:59.537Z","1.1.0":"2023-06-17T08:34:37.150Z","1.1.1":"2023-07-08T13:20:11.461Z","1.1.2":"2023-07-08T13:29:51.646Z","1.1.3":"2023-07-10T18:46:36.245Z","1.2.0":"2024-09-07T12:18:46.934Z"},"bugs":{"url":"https://github.com/samhirtarif/react-audio-visualize/issues"},"license":"MIT","homepage":"https://github.com/samhirtarif/react-audio-visualize#readme","keywords":["audio","visualize","visualise","visualizer","visualiser","audio visualiser","audio visualizer","audio visualize","audio visualise","audio waveform","waveform","audio visualization","visualization","live visualize"],"repository":{"type":"git","url":"git+https://github.com/samhirtarif/react-audio-visualize.git"},"description":"An audio visualizer for React. Provides separate components to visualize both live audio and audio blobs.","maintainers":[{"name":"samhirtarif","email":"samhirbutt@gmail.com"}],"readme":"# **react-audio-visualize**\r\nAn audio visualizer for React. Provides separate components to visualize both live audio and audio blobs.\r\n\r\n## Installation\r\n```sh\r\nnpm install react-audio-visualize\r\n```\r\n\r\n## **AudioVisualizer** Component ([Example](https://stackblitz.com/edit/stackblitz-starters-kjpu5q?file=src%2FApp.tsx))\r\n\r\n![screenshot](./assets/AudioVisualizer.png)\r\n\r\n```js\r\nimport React, { useState, useRef } from 'react';\r\nimport { AudioVisualizer } from 'react-audio-visualize';\r\n\r\nconst Visualizer = () => {\r\n  const [blob, setBlob] = useState<Blob>();\r\n  const visualizerRef = useRef<HTMLCanvasElement>(null)\r\n\r\n  // set blob somewhere in code\r\n\r\n  return (\r\n    <div>\r\n      {blob && (\r\n        <AudioVisualizer\r\n          ref={visualizerRef}\r\n          blob={blob}\r\n          width={500}\r\n          height={75}\r\n          barWidth={1}\r\n          gap={0}\r\n          barColor={'#f76565'}\r\n        />\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n\r\n```\r\n\r\n| Props  | Description | Default | Optional |\r\n| :------------ |:--------------- |:--------------- | :--------------- |\r\n| **`blob`**  | Audio blob to visualize | N/A | No |\r\n| **`width`** | Width of the visualizer | N/A | No |\r\n| **`height`** | Height of the visualizer | N/A | No |\r\n| **`barWidth`** | Width of each individual bar in the visualization | `2` | Yes |\r\n| **`gap`** |  Gap between each bar in the visualization | `1` | Yes |\r\n| **`backgroundColor`** |  BackgroundColor for the visualization | `transparent` | Yes |\r\n| **`barColor`** |  Color for the bars that have not yet been played | `\"rgb(184, 184, 184)\"\"` | Yes |\r\n| **`barPlayedColor`** |  Color for the bars that have been played | `\"rgb(160, 198, 255)\"\"` | Yes |\r\n| **`currentTime`** |  Current time stamp till which the audio blob has been played. Visualized bars that fall before the current time will have `barPlayerColor`, while that ones that fall after will have `barColor` | N/A | Yes |\r\n| **`style`** |  Custom styles that can be passed to the visualization canvas | N/A | Yes |\r\n| **`ref`** |  A `ForwardedRef` for the `HTMLCanvasElement` | N/A | Yes |\r\n\r\n---\r\n\r\n## **LiveAudioVisualizer** Component ([Example](https://stackblitz.com/edit/stackblitz-starters-kjpu5q?file=src%2FApp.tsx))\r\n\r\n![livevisualizergif](./assets/LiveAudioVisualizer.gif)\r\n\r\n```js\r\nimport React, { useState } from 'react';\r\nimport { LiveAudioVisualizer } from 'react-audio-visualize';\r\n\r\nconst Visualizer = () => {\r\n  const [mediaRecorder, setMediaRecorder] = useState<MediaRecorder>();\r\n\r\n  // set media recorder somewhere in code\r\n\r\n  return (\r\n    <div>\r\n      {mediaRecorder && (\r\n        <LiveAudioVisualizer\r\n          mediaRecorder={mediaRecorder}\r\n          width={200}\r\n          height={75}\r\n        />\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n\r\n```\r\n\r\n| Props  | Description | Default | Optional |\r\n| :------------ |:--------------- |:--------------- | :--------------- |\r\n| **`mediaRecorder`**  | Media recorder who's stream needs to visualized | N/A | No |\r\n| **`width`** | Width of the visualizer | `100%` | Yes |\r\n| **`height`** | Height of the visualizer | `100%` | Yes |\r\n| **`barWidth`** | Width of each individual bar in the visualization | `2` | Yes |\r\n| **`gap`** |  Gap between each bar in the visualization | `1` | Yes |\r\n| **`backgroundColor`** |  BackgroundColor for the visualization | `transparent` | Yes |\r\n| **`barColor`** |  Color for the bars that have not yet been played | `\"rgb(160, 198, 255)\"` | Yes |\r\n| **`fftSize`** |  An unsigned integer, representing the window size of the FFT, given in number of samples. For more [details](https://developer.mozilla.org/en-US/docs/Web/API/AnalyserNode/fftSize) | `1024` | Yes |\r\n| **`maxDecibels`** |  A double, representing the maximum decibel value for scaling the FFT analysis data. For more [details](https://developer.mozilla.org/en-US/docs/Web/API/AnalyserNode/maxDecibels) | `-10` | Yes |\r\n| **`minDecibels`** |  A double, representing the minimum decibel value for scaling the FFT analysis data, where 0 dB is the loudest possible sound. For more [details](https://developer.mozilla.org/en-US/docs/Web/API/AnalyserNode/minDecibels) | `-90` | Yes |\r\n| **`smoothingTimeConstant`** |  A double within the range 0 to 1 (0 meaning no time averaging). For more [details](https://developer.mozilla.org/en-US/docs/Web/API/AnalyserNode/smoothingTimeConstant) | `0.4` | Yes |\r\n\r\n\r\n\r\n","readmeFilename":"README.md","author":{"name":"Samhir Tarif"}}