ducafecatFlutter エコシステムナビ
FLUTTER ECOSYSTEM

thruthesky/audio_wave

オーディオ波形バー（グラフ）

GitHub で見る ↗
audio_wave のプロジェクト画像
Stars
17
Forks
11
最終プッシュ（UTC）
2023/02/09
プロジェクト状態
公開中
JaeHo Song GitHub avatar
GITHUB User

JaeHo Song ↗

Where am I?

Withcenter, Inc.Manila公式サイト ↗
言語Dart

このリポジトリが公開するパッケージ

使用している依存関係

依存関係一覧 2 件
  • flutter{"sdk":"flutter"}
  • flutter_test開発用{"sdk":"flutter"}

元の README

以下は英語原文のスナップショットです。最新版は GitHub をご覧ください。

README を開く / 閉じる

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.

audio_wave.gif

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),
      ],
    ),
  ],
),