├── .eslintignore ├── .eslintrc.cjs ├── .github └── ISSUE_TEMPLATE │ └── bug_report.md ├── .gitignore ├── .npmrc ├── LICENSE ├── README.md ├── index.html ├── package.json ├── public └── voiceVisualizer.png ├── src ├── assets │ ├── AudioWaveIcon.tsx │ ├── MicrophoneIcon.tsx │ ├── microphone.svg │ ├── pause.svg │ ├── play.svg │ └── stop.svg ├── components │ └── VoiceVisualizer.tsx ├── helpers │ ├── drawByBlob.ts │ ├── drawByLiveStream.ts │ ├── formatDurationTime.ts │ ├── formatRecordedAudioTime.ts │ ├── formatRecordingTime.ts │ ├── formatToInlineStyleValue.ts │ ├── getBarsData.ts │ ├── getFileExtensionFromMimeType.ts │ ├── index.ts │ ├── initialCanvasSetup.ts │ ├── paintLine.ts │ └── paintLineFromCenterToRight.ts ├── hooks │ ├── useDebounce.tsx │ ├── useLatest.tsx │ ├── useVoiceVisualizer.tsx │ └── useWebWorker.tsx ├── index.css ├── index.tsx ├── types │ └── types.ts └── vite-env.d.ts ├── tsconfig.json ├── tsconfig.node.json └── vite.config.ts /.eslintignore: -------------------------------------------------------------------------------- 1 | vite.config.ts -------------------------------------------------------------------------------- /.eslintrc.cjs: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YZarytskyi/react-voice-visualizer/HEAD/.eslintrc.cjs -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/bug_report.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YZarytskyi/react-voice-visualizer/HEAD/.github/ISSUE_TEMPLATE/bug_report.md -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YZarytskyi/react-voice-visualizer/HEAD/.gitignore -------------------------------------------------------------------------------- /.npmrc: -------------------------------------------------------------------------------- 1 | legacy-peer-deps=true -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YZarytskyi/react-voice-visualizer/HEAD/LICENSE -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YZarytskyi/react-voice-visualizer/HEAD/README.md -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YZarytskyi/react-voice-visualizer/HEAD/index.html -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YZarytskyi/react-voice-visualizer/HEAD/package.json -------------------------------------------------------------------------------- /public/voiceVisualizer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YZarytskyi/react-voice-visualizer/HEAD/public/voiceVisualizer.png -------------------------------------------------------------------------------- /src/assets/AudioWaveIcon.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YZarytskyi/react-voice-visualizer/HEAD/src/assets/AudioWaveIcon.tsx -------------------------------------------------------------------------------- /src/assets/MicrophoneIcon.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YZarytskyi/react-voice-visualizer/HEAD/src/assets/MicrophoneIcon.tsx -------------------------------------------------------------------------------- /src/assets/microphone.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YZarytskyi/react-voice-visualizer/HEAD/src/assets/microphone.svg -------------------------------------------------------------------------------- /src/assets/pause.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YZarytskyi/react-voice-visualizer/HEAD/src/assets/pause.svg -------------------------------------------------------------------------------- /src/assets/play.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YZarytskyi/react-voice-visualizer/HEAD/src/assets/play.svg -------------------------------------------------------------------------------- /src/assets/stop.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YZarytskyi/react-voice-visualizer/HEAD/src/assets/stop.svg -------------------------------------------------------------------------------- /src/components/VoiceVisualizer.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YZarytskyi/react-voice-visualizer/HEAD/src/components/VoiceVisualizer.tsx -------------------------------------------------------------------------------- /src/helpers/drawByBlob.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YZarytskyi/react-voice-visualizer/HEAD/src/helpers/drawByBlob.ts -------------------------------------------------------------------------------- /src/helpers/drawByLiveStream.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YZarytskyi/react-voice-visualizer/HEAD/src/helpers/drawByLiveStream.ts -------------------------------------------------------------------------------- /src/helpers/formatDurationTime.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YZarytskyi/react-voice-visualizer/HEAD/src/helpers/formatDurationTime.ts -------------------------------------------------------------------------------- /src/helpers/formatRecordedAudioTime.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YZarytskyi/react-voice-visualizer/HEAD/src/helpers/formatRecordedAudioTime.ts -------------------------------------------------------------------------------- /src/helpers/formatRecordingTime.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YZarytskyi/react-voice-visualizer/HEAD/src/helpers/formatRecordingTime.ts -------------------------------------------------------------------------------- /src/helpers/formatToInlineStyleValue.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YZarytskyi/react-voice-visualizer/HEAD/src/helpers/formatToInlineStyleValue.ts -------------------------------------------------------------------------------- /src/helpers/getBarsData.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YZarytskyi/react-voice-visualizer/HEAD/src/helpers/getBarsData.ts -------------------------------------------------------------------------------- /src/helpers/getFileExtensionFromMimeType.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YZarytskyi/react-voice-visualizer/HEAD/src/helpers/getFileExtensionFromMimeType.ts -------------------------------------------------------------------------------- /src/helpers/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YZarytskyi/react-voice-visualizer/HEAD/src/helpers/index.ts -------------------------------------------------------------------------------- /src/helpers/initialCanvasSetup.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YZarytskyi/react-voice-visualizer/HEAD/src/helpers/initialCanvasSetup.ts -------------------------------------------------------------------------------- /src/helpers/paintLine.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YZarytskyi/react-voice-visualizer/HEAD/src/helpers/paintLine.ts -------------------------------------------------------------------------------- /src/helpers/paintLineFromCenterToRight.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YZarytskyi/react-voice-visualizer/HEAD/src/helpers/paintLineFromCenterToRight.ts -------------------------------------------------------------------------------- /src/hooks/useDebounce.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YZarytskyi/react-voice-visualizer/HEAD/src/hooks/useDebounce.tsx -------------------------------------------------------------------------------- /src/hooks/useLatest.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YZarytskyi/react-voice-visualizer/HEAD/src/hooks/useLatest.tsx -------------------------------------------------------------------------------- /src/hooks/useVoiceVisualizer.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YZarytskyi/react-voice-visualizer/HEAD/src/hooks/useVoiceVisualizer.tsx -------------------------------------------------------------------------------- /src/hooks/useWebWorker.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YZarytskyi/react-voice-visualizer/HEAD/src/hooks/useWebWorker.tsx -------------------------------------------------------------------------------- /src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YZarytskyi/react-voice-visualizer/HEAD/src/index.css -------------------------------------------------------------------------------- /src/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YZarytskyi/react-voice-visualizer/HEAD/src/index.tsx -------------------------------------------------------------------------------- /src/types/types.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YZarytskyi/react-voice-visualizer/HEAD/src/types/types.ts -------------------------------------------------------------------------------- /src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YZarytskyi/react-voice-visualizer/HEAD/tsconfig.json -------------------------------------------------------------------------------- /tsconfig.node.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YZarytskyi/react-voice-visualizer/HEAD/tsconfig.node.json -------------------------------------------------------------------------------- /vite.config.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YZarytskyi/react-voice-visualizer/HEAD/vite.config.ts --------------------------------------------------------------------------------