Flutter音频均衡器插件equalizer_flutter_custom的使用

Flutter_Equalizer_Custom 是一个 Flutter 包，允许你创建自定义音乐播放器均衡器。你可以使用这个包来创建一个漂亮的均衡器，而无需编写大量的代码。

文档

文档

安装

添加到pubspeck.yaml

dependencies:
   equalizer_flutter_custom: ^0.0.2

or

flutter pub add equalizer_flutter_custom

快速概述

CustomEqualizer(
     isEqEnabled: true, // 启用均衡器
     playerSessionId: androidAudioSessionId!, // 重要！音频会话ID
)

设置：编辑AndroidManifest.xml

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.example.example">

  <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
  <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
  <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />

</manifest>

添加此依赖项到pubspec.yml

dependencies:
  provider: any

将你的MaterialApp包裹在ChangeNotifierProvider中

[@override](/user/override)
Widget build(BuildContext context) {
  return ChangeNotifierProvider(
    create: (context) => EqualizerProvider(), // 从当前包导入
    child: MaterialApp(
      title: 'Flutter Demo',
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(),
    ),
  );
}

示例与完整代码

import 'package:flutter/material.dart';
import 'package:flutter_audio_query/flutter_audio_query.dart';
import 'package:just_audio/just_audio.dart';
import 'package:equalizer_flutter_custom/src/CustomEqualizer.dart';
import 'package:provider/provider.dart';
import 'package:equalizer_flutter_custom/src/EqalizerProvider/EqualizerProvider.dart';

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

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

  // 这个小部件是你的应用的根。
  [@override](/user/override)
  Widget build(BuildContext context) {
    return ChangeNotifierProvider(
      create: (context) => EqualizerProvider(),
      child: MaterialApp(
        title: 'Demo Equalizer',
        debugShowCheckedModeBanner: false,
        theme: ThemeData(
          primarySwatch: Colors.blue,
        ),
        home: const MyHomePage(),
      ),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key});

  [@override](/user/override)
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  late List<SongInfo> songs; // 使用flutter_audio_query 

  late AudioPlayer audioPlayer; // 使用just_audio包。你可以使用自己的。

  bool isLoading = true;

  getSOngs() async {
    FlutterAudioQuery audioQuery = FlutterAudioQuery();
    List<SongInfo> songsd = await audioQuery.getSongs();
    setState(() {
      songs = songsd;
      isLoading = false;
    });
  }

  [@override](/user/override)
  void initState() {
    // TODO: 实现initState
    audioPlayer = AudioPlayer();
    getSOngs();
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text("均衡器"),
      ),
      body: isLoading
          ? const CircularProgressIndicator()
          : ListView.builder(
              itemCount: songs.length,
              itemBuilder: (context, index) {
                return InkWell(
                  onTap: () {
                    audioPlayer.setUrl(songs[index].filePath);
                    audioPlayer.play();
                    Future.delayed(const Duration(milliseconds: 300)) // 确保音频正在播放后再访问均衡器（首次）。
                        .then((value) {
                      Navigator.push(
                          context,
                          MaterialPageRoute(
                            builder: (context) =>  
                            //equalizer_flutter_custom

                            CustomEqualizer( 
                              isEqEnabled: true, // 启用均衡器
                              playerSessionId: audioPlayer.androidAudioSessionId!, // 最重要的音频会话ID，非空
                              bandTextColor: Colors.green,
                              sliderBoxHeight: 220,
                              sliderBoxPadding: 10,
                              sliderBoxBorderRadius: BorderRadius.circular(20),
                            ),
                          ));
                    });
                  },
                  child: ListTile(
                    title: Text(songs[index].displayName),
                  ),
                );
              },
            ),
    );
  }
}