Flutter音频播放插件flutter_radio_player的使用

Flutter Radio Player

Flutter Radio Player 是一个用于播放单个流媒体URL的插件，它支持开箱即用的后台音乐播放，并与平台原生媒体控件无缝集成。无论是锁屏媒体控件还是更深层次的集成（如watchOS、CarPlay、WearOS或Android Auto），Flutter Radio Player都能轻松应对。

特性

• 后台播放：无需任何配置即可在后台播放音频。
• 手表集成：与WatchOS和WearOS无缝集成，提供原生手表控制。
• 汽车系统支持：支持Apple CarPlay和Android Auto等车载娱乐系统。
• 默认响应式：自动响应流的变化。
• ICY/Metadata提取：如果可用，提取流媒体元数据。

快速开始

1. 安装插件

flutter pub add flutter_radio_player

2. 导入库

import 'package:flutter_radio_player/flutter_radio_player.dart';

3. 配置播放器

final _flutterRadioPlayerPlugin = FlutterRadioPlayer(); // 创建播放器实例
_flutterRadioPlayerPlugin.initialize(
  [
    {"url": "https://s2-webradio.antenne.de/chillout?icy=https"},
    {
      "title": "SunFM - Sri Lanka",
      "artwork": "images/sample-cover.jpg", // 图片需要打包到应用中
      "url": "https://radio.lotustechnologieslk.net:2020/stream/sunfmgarden?icy=https",
    },
    {"url": "http://stream.riverradio.com:8000/wcvofm.aac"}
  ],
  true, // 加载时自动播放
);

操作播放器

可用流

平台配置

iOS

要启用后台播放，请在Xcode中配置后台功能：

Android

确保在AndroidManifest.xml中添加以下权限：

<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.FOREGROUND_SERVICE" />
<uses-permission android:name="android.permission.FOREGROUND_SERVICE_MEDIA_PLAYBACK" />

这些权限已包含在库中。

示例代码

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

void main() {
  WidgetsFlutterBinding.ensureInitialized();
  runApp(const MyApp());
}

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

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  final _flutterRadioPlayerPlugin = FlutterRadioPlayer();
  double volume = 0;

  @override
  void initState() {
    super.initState();
    _flutterRadioPlayerPlugin.initialize(
      [
        {
          "url": "https://s2-webradio.antenne.de/chillout?icy=https",
        },
        {
          "title": "SunFM - Sri Lanka",
          "artwork": "images/sample-cover.jpg",
          "url":
              "https://radio.lotustechnologieslk.net:2020/stream/sunfmgarden?icy=https",
        },
        {"url": "http://stream.riverradio.com:8000/wcvofm.aac"}
      ],
      true,
    );
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Plugin example app'),
        ),
        body: Center(
          child: Column(
            children: [
              Row(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  IconButton(
                    onPressed: () async {
                      await _flutterRadioPlayerPlugin.prevSource();
                    },
                    icon: const Icon(Icons.skip_previous_sharp),
                  ),
                  StreamBuilder(
                    stream: _flutterRadioPlayerPlugin.getPlaybackStream(),
                    builder: (context, snapshot) {
                      if (snapshot.hasData) {
                        return IconButton(
                          onPressed: () {
                            if (snapshot.data!) {
                              _flutterRadioPlayerPlugin.pause();
                            } else {
                              _flutterRadioPlayerPlugin.play();
                            }
                          },
                          icon: !snapshot.data!
                              ? Icon(Icons.play_arrow)
                              : Icon(Icons.pause),
                          iconSize: 50.0,
                        );
                      }
                      return const Text("Player unavailable");
                    },
                  ),
                  IconButton(
                    onPressed: () async {
                      await _flutterRadioPlayerPlugin.nextSource();
                    },
                    icon: const Icon(Icons.skip_next_sharp),
                  ),
                ],
              ),
              StreamBuilder(
                stream: _flutterRadioPlayerPlugin.getNowPlayingStream(),
                builder: (context, snapshot) {
                  if (snapshot.hasData && snapshot.data?.title != null) {
                    return Text("Now playing : ${snapshot.data?.title}");
                  }
                  return Text("N/A");
                },
              ),
              StreamBuilder(
                stream:
                    _flutterRadioPlayerPlugin.getDeviceVolumeChangedStream(),
                builder: (context, snapshot) {
                  if (snapshot.hasData) {
                    return Text(
                        "Volume = ${snapshot.data?.volume.floor()} and IsMuted = ${snapshot.data?.isMuted}");
                  }
                  return Text("No Vol data");
                },
              ),
              FutureBuilder(
                future: _flutterRadioPlayerPlugin.getVolume(),
                builder: (context, snapshot) {
                  if (snapshot.hasData) {
                    return Slider(
                      value: snapshot.data ?? 0,
                      min: 0,
                      max: 1,
                      onChanged: (value) {
                        setState(() {
                          volume = value;
                          _flutterRadioPlayerPlugin.setVolume(volume);
                        });
                      },
                    );
                  }
                  return Container();
                },
              )
            ],
          ),
        ),
      ),
    );
  }
}

以上是关于flutter_radio_player插件的详细介绍和示例代码，希望对您有所帮助！如果您有任何问题或需要进一步的帮助，请随时提问。