Flutter中如何从Assets文件在媒体控制通知显示专辑封面

1. 确保Assets正确配置 #

先检查pubspec.yaml里的Assets声明是否准确，比如封面图片放在assets/album_covers/目录下，配置要如下：

flutter:
  assets:
    - assets/album_covers/

确认路径无拼写错误后，执行flutter pub get使配置生效。

2. 使用正确的Assets Uri格式 #

Just Audio Background支持通过asset:///协议直接访问Flutter Assets，构造Uri时需注意使用三个斜杠，示例代码：

player.value.setAudioSource(AudioSource.uri(
  Uri.parse(uri),
  tag: MediaItem(
    id: id.toString(),
    album: album.toString(),
    title: title.toString(),
    // 替换为你的Assets图片实际路径
    artUri: Uri.parse('asset:///assets/album_covers/your_cover.jpg'),
  ),
));

这里的路径必须和pubspec.yaml中声明的完全匹配。

3. 兼容性 fallback 方案：将Assets复制到临时文件 #

若上述方法在部分平台（如Android）仍无法显示封面，可将Assets图片复制到应用临时目录，再通过文件Uri引用：

步骤1：添加依赖 #

在pubspec.yaml中加入path_provider包：

dependencies:
  path_provider: ^2.0.15

执行flutter pub get完成安装。

步骤2：复制Assets到临时文件并生成Uri #

import 'dart:io';
import 'package:flutter/services.dart';
import 'package:path_provider/path_provider.dart';

// 封装获取Assets临时文件Uri的方法
Future<Uri> getAssetCoverUri(String assetPath) async {
  final byteData = await rootBundle.load(assetPath);
  final tempDir = await getTemporaryDirectory();
  final tempFile = File('${tempDir.path}/temp_cover.jpg');
  await tempFile.writeAsBytes(byteData.buffer.asUint8List());
  return tempFile.uri;
}

// 使用示例
final coverUri = await getAssetCoverUri('assets/album_covers/your_cover.jpg');
player.value.setAudioSource(AudioSource.uri(
  Uri.parse(uri),
  tag: MediaItem(
    id: id.toString(),
    album: album.toString(),
    title: title.toString(),
    artUri: coverUri,
  ),
));

这种方式通过本地文件Uri访问，兼容性更强，适合通知栏这类系统组件读取。

补充：本地音乐专辑封面的处理 #

如果是要显示设备本地音乐的专辑封面，直接使用Audio Query返回的albumArtUri即可，无需从Assets读取：

artUri: Uri.parse(albumArtUri), // albumArtUri为Audio Query获取到的本地封面路径

内容的提问来源于stack exchange，提问作者Rahul Kushwaha