Flutter网页音频播放插件assets_audio_player_web的使用

简介

assets_audio_player 是一个强大的Flutter插件，支持在Android、iOS、Web和macOS平台上播放音频。它不仅支持播放本地资源文件中的音频，还可以播放网络音频文件以及直播流媒体。

插件安装

首先，在pubspec.yaml中添加依赖：

dependencies:
  assets_audio_player: ^2.0.13

然后运行 flutter pub get 来安装插件。

导入音频资源

确保在pubspec.yaml中声明了音频资源路径：

flutter:
  assets:
    - assets/audios/

基本用法

播放本地音频文件

import 'package:assets_audio_player/assets_audio_player.dart';

final assetsAudioPlayer = AssetsAudioPlayer();

assetsAudioPlayer.open(
    Audio("assets/audios/song1.mp3"),
);

播放网络音频文件

try {
    await assetsAudioPlayer.open(
        Audio.network("http://www.mysite.com/myMp3file.mp3"),
    );
} catch (t) {
    // 处理无法播放的情况
}

播放直播流媒体

try {
    await assetsAudioPlayer.open(
        Audio.liveStream("http://www.mysite.com/myLivestreamUrl"),
    );
} catch (t) {
    // 处理无法播放的情况
}

示例Demo

下面是一个完整的示例，展示了如何创建一个简单的Flutter应用来播放音频，并提供基本控制按钮（播放/暂停）：

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

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

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

class _MyAppState extends State<MyApp> {
  final AssetsAudioPlayer _assetsAudioPlayer = AssetsAudioPlayer.newPlayer();
  bool _isPlaying = false;

  [@override](/user/override)
  void dispose() {
    super.dispose();
    _assetsAudioPlayer.dispose();
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Audio Player Demo'),
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              ElevatedButton(
                onPressed: () async {
                  if (!_isPlaying) {
                    await _assetsAudioPlayer.open(
                      Audio("assets/audios/song1.mp3"),
                      autoPlay: true,
                    );
                    setState(() {
                      _isPlaying = true;
                    });
                  } else {
                    _assetsAudioPlayer.pause();
                    setState(() {
                      _isPlaying = false;
                    });
                  }
                },
                child: Text(_isPlaying ? "Pause" : "Play"),
              ),
              SizedBox(height: 20),
              ElevatedButton(
                onPressed: () {
                  _assetsAudioPlayer.stop();
                  setState(() {
                    _isPlaying = false;
                  });
                },
                child: Text("Stop"),
              ),
            ],
          ),
        ),
      ),
    );
  }
}