Flutter环绕声效果插件surround_sound的使用

Flutter 环绕声效果插件 surround_sound 的使用

本项目是一个 Dart 包，用于创建环绕声效果。该包可以作为一个库模块，方便地在多个 Flutter 或 Dart 项目中共享。

获取开始

要开始使用 surround_sound 插件，请确保您的项目已经配置好 Dart 和 Flutter 环境。接下来，在 pubspec.yaml 文件中添加依赖：

dependencies:
  surround_sound: ^0.0.1

然后运行 flutter pub get 来获取该插件。

示例代码

以下是一个完整的示例，展示了如何使用 surround_sound 插件来创建一个简单的环绕声音效界面。

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:surround_sound/surround_sound.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Surround Sound Demo',
      home: HomePage(),
    );
  }
}

class HomePage extends StatefulWidget {
  [@override](/user/override)
  _HomePageState createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  final _controller = SoundController();

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Surround Sound Example"),
      ),
      body: ListView(
        children: <Widget>[
          // 显示音效控制器的组件
          SoundWidget(
            soundController: _controller,
            backgroundColor: Colors.green,
          ),
          SizedBox(height: 32),
          
          // 播放和停止按钮
          Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              MaterialButton(
                child: Text("播放"),
                onPressed: () async {
                  await _controller.play();
                  final val = await _controller.isPlaying();
                  print('正在播放: $val');
                },
              ),
              SizedBox(width: 24),
              MaterialButton(
                child: Text("停止"),
                onPressed: () async {
                  await _controller.stop();
                  final val = await _controller.isPlaying();
                  print('正在播放: $val');
                },
              ),
            ],
          ),
          SizedBox(height: 32),

          // 音量调节滑块
          ValueListenableBuilder<AudioParam>(
            valueListenable: _controller,
            builder: (context, value, _) {
              return Column(
                children: <Widget>[
                  Text("音量"),
                  Slider(
                    value: value.volume,
                    min: 0,
                    max: 1,
                    onChanged: (val) {
                      _controller.setVolume(val);
                    },
                  ),
                  Text("频率"),
                  Slider(
                    value: value.freq,
                    min: 128,
                    max: 1500,
                    onChanged: (val) {
                      _controller.setFrequency(val);
                    },
                  ),
                  SizedBox(height: 32),
                  Text(
                    "位置",
                    style: TextStyle(
                      fontWeight: FontWeight.w600,
                      fontSize: 18,
                    ),
                  ),
                  SizedBox(height: 12),
                  Text("X轴"),
                  Slider(
                    value: value.x,
                    min: -0.2,
                    max: 0.2,
                    onChanged: (val) {
                      _controller.setPosition(val, value.y, value.z);
                    },
                  ),
                  Text("Y轴"),
                  Slider(
                    value: value.y,
                    min: -0.2,
                    max: 0.2,
                    onChanged: (val) {
                      _controller.setPosition(value.x, val, value.z);
                    },
                  ),
                  Text("Z轴"),
                  Slider(
                    value: value.z,
                    min: -0.2,
                    max: 0.2,
                    onChanged: (val) {
                      _controller.setPosition(value.x, value.y, val);
                    },
                  ),
                ],
              );
            },
          ),
        ],
      ),
    );
  }
}