Need help with SCWaveformView?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

449 Stars 58 Forks Apache License 2.0 64 Commits 19 Opened issues


A blazing fast customizable waveform view

Services available


Need anything else?

Contributors list

# 31,606
Google ...
48 commits
# 23,975
8 commits
# 540,663
1 commit
# 385,481
1 commit


A blazing fast customizable waveform view. Extract the audio section of an asset (which can be both video or audio) and display a waveform.

The SCWaveformView is optimized to do the less file read possible. When scrolling or displaying another part of the waveform, it will only read whatever it needs to render the new section. It will cache the file data to avoid having to read sections that have been already computed. Furthermore, if it does have to read the file, it will read it by bigger segment to minimize the number of read operations next time the timeRange changes.

Main features: * Can show a play progress. * Colors are changeable at runtime without reprocessing the asset. * Doesn't have to read the whole file if you display only a portion of your audio on screen. * Scrollable. * Can set a precision to make the drawing faster on some devices. * Custom LineWidth so you can have a unique waveform design. * Support mono and stereo (dual waveforms).


If you are using cocoapods, you can use this project with the following Podfile

platform :ios, '7.0'
pod "SCWaveformView"


// Allocating the waveformview
SCWaveformView *waveformView = [[SCWaveformView alloc] init];

// Setting the asset AVAsset *asset = [AVURLAsset URLAssetWithURL:[NSURL URLWithString:@"blabla.mp3"]]; waveformView.asset = asset;

// Setting the waveform colors waveformView.normalColor = [UIColor greenColor]; waveformView.progressColor = [UIColor redColor];

// Set the play progress waveformView.progressTime = CMTimeMakeWithSeconds(5, 10000);

// Show only the first second of your asset waveformView.timeRange = CMTimeRangeMake(kCMTimeZero, CMTimeMakeWithSeconds(1, 1));

// Use it inside a scrollView SCScrollableWaveformView *scrollableWaveformView = [SCScrollableWaveformView new]; scrollableWaveformView.waveformView; // Access the waveformView from there

// Set the precision, 1 being the maximum waveformView.precision = 0.25; // We are going to render one line per four pixels

// Set the lineWidth so we have some space between the lines waveformView.lineWidthRatio = 0.5;

// Show stereo if available waveformView.channelStartIndex = 0; waveformView.channelEndIndex = 1;

// Show only right channel waveformView.channelStartIndex = 1; waveformView.channelEndIndex = 1;

// Add some padding between the channels waveformView.channelsPadding = 10;

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.