innovare_audio_waveform_player 0.0.1

A customizable audio waveform player widget for Flutter with animated transitions, play-pulse effects, and dynamic theming.

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:innovare_audio_waveform_player/innovare_audio_waveform_player.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Innovare Audio Waveform Player Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        useMaterial3: true,
      ),
      home: const AudioPlayerDemo(),
    );
  }
}

class AudioPlayerDemo extends StatelessWidget {
  const AudioPlayerDemo({super.key});

  // Sample waveform data - in a real app, this would come from audio analysis
  static const sampleWaveform = [
    0.1, 0.3, 0.7, 0.4, 0.8, 0.2, 0.9, 0.6, 0.3, 0.5,
    0.8, 0.4, 0.7, 0.9, 0.2, 0.6, 0.4, 0.8, 0.3, 0.7,
    0.5, 0.9, 0.1, 0.6, 0.8, 0.3, 0.7, 0.4, 0.9, 0.2,
    0.6, 0.8, 0.5, 0.3, 0.7, 0.9, 0.4, 0.1, 0.8, 0.6,
    0.3, 0.7, 0.5, 0.9, 0.2, 0.8, 0.4, 0.6, 0.7, 0.3,
  ];

  // Demo audio URL - replace with your actual audio file
  static const audioUrl = 'https://www.soundjay.com/misc/bell-ringing-05.wav';

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.grey.shade100,
      appBar: AppBar(
        title: const Text('Audio Waveform Player Demo'),
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
      ),
      body: SingleChildScrollView(
        padding: const EdgeInsets.all(20),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            const Text(
              'Default Theme',
              style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
            ),
            const SizedBox(height: 10),
            const InnovareAudioWaveformPlayer(
              uri: audioUrl,
              waveform: sampleWaveform,
            ),

            const SizedBox(height: 30),

            const Text(
              'Custom Colors',
              style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
            ),
            const SizedBox(height: 10),
            const InnovareAudioWaveformPlayer(
              uri: audioUrl,
              waveform: sampleWaveform,
              accentColor: Colors.green,
              backgroundColor: Color(0xFF2D2D30),
              height: 40,
            ),

            const SizedBox(height: 30),

            const Text(
              'With Gradient',
              style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
            ),
            const SizedBox(height: 10),
            InnovareAudioWaveformPlayer(
              uri: audioUrl,
              waveform: sampleWaveform,
              accentColor: Colors.purple,
              backgroundColor: const Color(0xFF1A1A2E),
              height: 35,
              playedWaveformGradient: const LinearGradient(
                colors: [Colors.purple, Colors.pink, Colors.orange],
                begin: Alignment.centerLeft,
                end: Alignment.centerRight,
              ),
            ),

            const SizedBox(height: 30),

            const Text(
              'Compact Version',
              style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
            ),
            const SizedBox(height: 10),
            const InnovareAudioWaveformPlayer(
              uri: audioUrl,
              waveform: sampleWaveform,
              accentColor: Colors.red,
              backgroundColor: Color(0xFF0F0F23),
              height: 25,
            ),

            const SizedBox(height: 30),

            const Text(
              'Large Version',
              style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
            ),
            const SizedBox(height: 10),
            const InnovareAudioWaveformPlayer(
              uri: audioUrl,
              waveform: sampleWaveform,
              accentColor: Colors.teal,
              backgroundColor: Color(0xFF263238),
              height: 60,
            ),

            const SizedBox(height: 30),

            Card(
              child: Padding(
                padding: const EdgeInsets.all(16),
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    const Text(
                      'Features:',
                      style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold),
                    ),
                    const SizedBox(height: 10),
                    const Text('• Play/pause with animated pulse effect'),
                    const Text('• Interactive waveform - tap or drag to seek'),
                    const Text('• Speed control (1.0x, 1.5x, 2.0x)'),
                    const Text('• Customizable colors and gradients'),
                    const Text('• Responsive design'),
                    const Text('• Progress visualization'),
                    const Text('• Time display'),
                    const SizedBox(height: 10),
                    const Text(
                      'Note: This demo uses a sample audio file. Replace the audioUrl with your own audio file for testing.',
                      style: TextStyle(fontStyle: FontStyle.italic, color: Colors.grey),
                    ),
                  ],
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }
}