I found react native audio waveform but I've not used it, though it seems like what you want. Also this one react native audio analyzer . Found these using one Google search. You should actually try to look for answers before you come asking here. Answer from RichDaCuban on reddit.com
🌐
GitHub
github.com › SimformSolutionsPvtLtd › react-native-audio-waveform
GitHub - SimformSolutionsPvtLtd/react-native-audio-waveform: React Native component to show audio waveform with ease in react native application ✨
A React Native package featuring native modules for generating and rendering audio waveforms.
Starred by 297 users
Forked by 41 users
Languages   TypeScript 37.1% | Kotlin 32.6% | Swift 22.4% | JavaScript 3.4% | Objective-C 2.5% | Ruby 1.9% | Shell 0.1%
🌐
npm
npmjs.com › package › @kaannn › react-native-waveform
@kaannn/react-native-waveform - npm
March 6, 2025 - [x] Android (https://github.com/massoudss/waveformSeekBar) (Will be change to Reanimated 4) ... import AudioWaveView from '@kaannn/react-native-waveform'; // Usage with all props <AudioWaveView style={{ flex: 1,width: '100%',height: '100%' }} progress={audio.progress} maxProgress={audio.lenght} waveWidth={18} waveGap={2} waveMinHeight={25} waveCornerRadius={8} waveBackgroundColor="#E0E0E0" waveProgressColor="#2196F3" markerWidth={2} markerColor="#FF5722" markerTextColor="#000000" markerTextSize={10} markerTextPadding={2} audioSource={audioUrl} /> // Basic usage with a local audio file <AudioWa
      » npm install @kaannn/react-native-waveform
    
Published   Mar 06, 2025
Version   0.1.4
Author   Kağan Temizkan
🌐
GitHub
github.com › VinamraVij › react-native-audio-wave-recording
GitHub - VinamraVij/react-native-audio-wave-recording: This repository helps to record audio in a wave format with animation · GitHub
This repository helps to record audio in a wave format with animation - VinamraVij/react-native-audio-wave-recording
Starred by 21 users
Forked by 2 users
Languages   TypeScript 41.0% | Kotlin 17.6% | Objective-C 15.6% | Ruby 14.9% | Objective-C++ 5.5% | JavaScript 5.4%
🌐
Scarb
docs.swmansion.com › react-native-audio-api
React Native Audio API - Software Mansion
React Native Audio API brings the power of Web Audio API to mobile, giving developers full control over audio – from sound synthesis to playback. Gain full control over audio signals, effects, and routing with a Web Audio API–like interface ...
🌐
GitHub
github.com › juananime › react-native-audiowaveform
GitHub - juananime/react-native-audiowaveform: Audio waveform renderer for React Native
import WaveForm from 'react-native-audiowaveform'; <WaveForm source={require('./path/to/your/file.mp3')} waveFormStyle={{waveColor:'red', scrubColor:'white'}} > </WaveForm>
Starred by 273 users
Forked by 93 users
Languages   Java 73.6% | Objective-C 18.0% | JavaScript 6.4% | Starlark 1.3% | Ruby 0.4% | Pug 0.2% | CSS 0.1% | Java 73.6% | Objective-C 18.0% | JavaScript 6.4% | Starlark 1.3% | Ruby 0.4% | Pug 0.2% | CSS 0.1%
🌐
DEV Community
dev.to › toshiya_matsumoto_ac94abe › building-your-own-live-audio-waveform-in-react-native-4e49
🎙️ Building Your Own Live Audio Waveform in React Native - DEV Community
August 31, 2025 - // Original level: -60dB(almost silence) Math.pow(10, (-60 + 40) / 20) = Math.pow(10, -1) = 0.1 // Original level: -20dB(small sound volume) Math.pow(10, (-20 + 40) / 20) = Math.pow(10, 1) = 10 // Original level: 0dB(maximum sound volume) Math.pow(10, (0 + 40) / 20) = Math.pow(10, 2) = 100 · Then scale it with normalizedLevel * height * 0.05. (That 0.05 is just a tweak factor — adjust to taste! 🎚️) And yes, we’ll use Rect from react-native-svg to draw the bars.
Find elsewhere
🌐
DEV Community
dev.to › ssk14 › visualizing-audio-as-a-waveform-in-react-o67
Visualizing Audio as a Waveform in React - DEV Community
April 16, 2023 - Audio visualization is a great way to add a new dimension to music, podcasts, or any other audio content. A common way to visualize audio is to display its waveform, which shows the amplitude of the sound wave at each point in time. In this tutorial, we'll learn how to generate a waveform for an audio file in React without using any libraries.
🌐
npm
npmjs.com › package › react-native-audiowaveform
react-native-audiowaveform - npm
April 16, 2020 - Audio Waveform visualization and sound renderization for React Native. Latest version: 2.0.5, last published: 6 years ago. Start using react-native-audiowaveform in your project by running `npm i react-native-audiowaveform`. There are no other projects in the npm registry using react-native-audiowaveform.
      » npm install react-native-audiowaveform
    
Published   Apr 16, 2020
Version   2.0.5
Author   Otomogroove 2017
🌐
npm
npmjs.com › package › @simform_solutions › react-native-audio-waveform
@simform_solutions/react-native-audio-waveform - npm
October 17, 2025 - A React Native package featuring native modules for generating and rendering audio waveforms.
      » npm install @simform_solutions/react-native-audio-waveform
    
🌐
Callstack
callstack.com › blog › from-files-to-buffers-building-real-time-audio-pipelines-in-react-native
From Files to Buffers: Building Real-Time Audio Pipelines in React Native
December 5, 2025 - This article is a deep dive into working directly with in-memory audio buffers to achieve maximum performance and speed in your React Native applications. When you tap into the lower-level audio APIs on iOS or Android, you don’t get a ready-to-play file. Instead, you get a stream of raw audio data, typically in Pulse-Code Modulation (PCM) format. PCM is a digital representation of an analog audio signal. It’s essentially a long sequence of numbers (samples) that represents the amplitude of the audio wave at discrete time intervals.
🌐
npm
npmjs.com › package › @alirehman7141 › react-native-audiowaveform
@alirehman7141/react-native-audiowaveform - npm
December 11, 2023 - Audio Waveform visualization and sound renderization for React Native. Latest version: 2.0.6, last published: 2 years ago. Start using @alirehman7141/react-native-audiowaveform in your project by running `npm i @alirehman7141/react-native-a...
      » npm install @alirehman7141/react-native-audiowaveform
    
Published   Dec 11, 2023
Version   2.0.6
Author   AliRehman7141 2023
🌐
freeCodeCamp
freecodecamp.org › news › how-to-make-realtime-soundcloud-waveforms-in-react-native-4df0f4c6b3cc
How to make realtime SoundCloud Waveforms in React Native
November 5, 2018 - Here one of the waveform component is original and one inverted as in the SoundCloud’s player. Here are the links to the react-native-soundcloud-waveform
🌐
CodeSandbox
codesandbox.io › examples › package › react-audio-waveform
react-audio-waveform examples - CodeSandbox
Use this online react-audio-waveform playground to view and fork react-audio-waveform example apps and templates on CodeSandbox.
🌐
npm
npmjs.com › package › react-native-audio2wave
react-native-audio2wave - npm
April 5, 2022 - Audio Waveform visualization and sound renderization for React Native. Latest version: 2.0.7, last published: 3 years ago. Start using react-native-audio2wave in your project by running `npm i react-native-audio2wave`. There are no other projects in the npm registry using react-native-audio2wave.
      » npm install react-native-audio2wave
    
Published   Apr 05, 2022
Version   2.0.7
Author   Otomogroove 2017
🌐
GitHub
github.com › zmxv › react-native-sound
GitHub - zmxv/react-native-sound: React Native module for playing sound clips
import Sound from "react-native-sound"; // Enable playback in silence mode (important for iOS) Sound.setCategory("Playback"); // Load a sound file from the app bundle const whoosh = new Sound("whoosh.mp3", Sound.MAIN_BUNDLE, (error) => { if (error) { console.log("Failed to load the sound", error); return; } // Sound loaded successfully console.log("Duration:", whoosh.getDuration(), "seconds"); console.log("Channels:", whoosh.getNumberOfChannels()); // Play the sound whoosh.play((success) => { if (success) { console.log("Successfully finished playing"); } else { console.log("Playback failed due
Starred by 2.9K users
Forked by 784 users
Languages   TypeScript 44.0% | Kotlin 24.3% | Objective-C++ 13.5% | C# 11.2% | Ruby 3.9% | Swift 1.4% | TypeScript 44.0% | Kotlin 24.3% | Objective-C++ 13.5% | C# 11.2% | Ruby 3.9% | Swift 1.4%
🌐
npm
npmjs.com › search
keywords:sound wave - npm search
sound · wav · mp3 · flac · ... 3 years ago5 dependents licensed under $MIT · 495,496 · React Native module for playing sound clips on iOS, Android, and Windows ·...