Description:

audio wave

Audio wave #
A multi purpose simple bar graph with animation. It is highly customizable. You can customize the width and height of widget. And the height, color, and radius of bar also.

Examples #
Column(
children: [
Text('Audio Wave Example'),
AudioWave(
bars: [AudioWaveBar(heightFactor: 1)],
),
AudioWave(
bars: [
AudioWaveBar(heightFactor: 1, color: Colors.green),
AudioWaveBar(heightFactor: 0.1, color: Colors.black),
],
),
AudioWave(
height: 32,
width: 32,
spacing: 2.5,
animationLoop: 3,
bars: [
AudioWaveBar(heightFactor: 0.7, color: Colors.lightBlueAccent),
AudioWaveBar(heightFactor: 0.8, color: Colors.blue),
AudioWaveBar(heightFactor: 1, color: Colors.black),
AudioWaveBar(heightFactor: 0.9),
],
),
AudioWave(
height: 32,
width: 88,
spacing: 2.5,
bars: [
AudioWaveBar(heightFactor: 0.1, color: Colors.lightBlueAccent),
AudioWaveBar(heightFactor: 0.2, color: Colors.blue),
AudioWaveBar(heightFactor: 0.3, color: Colors.black),
AudioWaveBar(heightFactor: 0.4),
AudioWaveBar(heightFactor: 0.5, color: Colors.orange),
AudioWaveBar(heightFactor: 0.6, color: Colors.lightBlueAccent),
AudioWaveBar(heightFactor: 0.7, color: Colors.blue),
AudioWaveBar(heightFactor: 0.8, color: Colors.black),
AudioWaveBar(heightFactor: 0.9),
AudioWaveBar(heightFactor: 1, color: Colors.orange),
AudioWaveBar(heightFactor: 0.1, color: Colors.lightBlueAccent),
AudioWaveBar(heightFactor: 0.2, color: Colors.blue),
AudioWaveBar(heightFactor: 0.3, color: Colors.black),
AudioWaveBar(heightFactor: 0.4),
AudioWaveBar(heightFactor: 0.5, color: Colors.orange),
AudioWaveBar(heightFactor: 0.6, color: Colors.lightBlueAccent),
AudioWaveBar(heightFactor: 0.7, color: Colors.blue),
AudioWaveBar(heightFactor: 0.8, color: Colors.black),
AudioWaveBar(heightFactor: 0.9),
AudioWaveBar(heightFactor: 1, color: Colors.orange),
],
),
AudioWave(
height: 32,
width: 88,
spacing: 2.5,
alignment: 'top',
animationLoop: 2,
beatRate: Duration(milliseconds: 50),
bars: [
AudioWaveBar(heightFactor: 0.1, color: Colors.lightBlueAccent),
AudioWaveBar(heightFactor: 0.2, color: Colors.blue),
AudioWaveBar(heightFactor: 0.3, color: Colors.black),
AudioWaveBar(heightFactor: 0.4),
AudioWaveBar(heightFactor: 0.5, color: Colors.orange),
AudioWaveBar(heightFactor: 0.6, color: Colors.lightBlueAccent),
AudioWaveBar(heightFactor: 0.7, color: Colors.blue),
AudioWaveBar(heightFactor: 0.8, color: Colors.black),
AudioWaveBar(heightFactor: 0.9),
AudioWaveBar(heightFactor: 1, color: Colors.orange),
AudioWaveBar(heightFactor: 0.1, color: Colors.lightBlueAccent),
AudioWaveBar(heightFactor: 0.2, color: Colors.blue),
AudioWaveBar(heightFactor: 0.3, color: Colors.black),
AudioWaveBar(heightFactor: 0.4),
AudioWaveBar(heightFactor: 0.5, color: Colors.orange),
AudioWaveBar(heightFactor: 0.6, color: Colors.lightBlueAccent),
AudioWaveBar(heightFactor: 0.7, color: Colors.blue),
AudioWaveBar(heightFactor: 0.8, color: Colors.black),
AudioWaveBar(heightFactor: 0.9),
AudioWaveBar(heightFactor: 1, color: Colors.orange),
],
),
AudioWave(
height: 32,
width: 160,
spacing: 5,
alignment: 'bottom',
animationLoop: 2,
beatRate: Duration(milliseconds: 50),
bars: [
AudioWaveBar(heightFactor: 1, color: Colors.lightBlueAccent),
AudioWaveBar(heightFactor: 0.9, color: Colors.blue),
AudioWaveBar(heightFactor: 0.8, color: Colors.black),
AudioWaveBar(heightFactor: 0.7),
AudioWaveBar(heightFactor: 0.6, color: Colors.orange),
AudioWaveBar(heightFactor: 0.5, color: Colors.lightBlueAccent),
AudioWaveBar(heightFactor: 0.4, color: Colors.blue),
AudioWaveBar(heightFactor: 0.3, color: Colors.black),
AudioWaveBar(heightFactor: 0.2),
AudioWaveBar(heightFactor: 0.1, color: Colors.orange),
AudioWaveBar(heightFactor: 1, color: Colors.lightBlueAccent),
AudioWaveBar(heightFactor: 0.1, color: Colors.blue),
AudioWaveBar(heightFactor: 0.2, color: Colors.black),
AudioWaveBar(heightFactor: 0.3),
AudioWaveBar(heightFactor: 0.4, color: Colors.orange),
AudioWaveBar(heightFactor: 0.5, color: Colors.lightBlueAccent),
AudioWaveBar(heightFactor: 0.6, color: Colors.blue),
AudioWaveBar(heightFactor: 0.7, color: Colors.black),
AudioWaveBar(heightFactor: 0.8),
AudioWaveBar(heightFactor: 0.9, color: Colors.orange),
],
),
],
),
copied to clipboard

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Share

• Share on Facebook
• Share on Twitter