Flutter音频播放器无法加载资源。

3

我试图使用Flutter的audioplayers库播放一个简单的声音。但尝试时,我遇到了"无法加载资源"错误。我查看了该网站上的几篇相关问题,并且这些问题似乎只建议检查pubspec.yaml文件的缩进并运行flutter clean。我已经多次执行此操作,但没有任何结果。Flutter Doctor未发现任何问题。

当我点击应该播放声音的按钮时,收到以下消息:

E/flutter (22727): [ERROR:flutter/lib/ui/ui_dart_state.cc(157)] Unhandled Exception: Unable to load asset: assets/sounds/start.mp3
E/flutter (22727): #0      PlatformAssetBundle.load (package:flutter/src/services/asset_bundle.dart:221:7)
E/flutter (22727): <asynchronous suspension>
E/flutter (22727): #1      AudioCache._fetchAsset (package:audioplayers/audio_cache.dart:60:29)
E/flutter (22727): #2      AudioCache.fetchToMemory (package:audioplayers/audio_cache.dart:67:30)
E/flutter (22727): <asynchronous suspension>
E/flutter (22727): #3      AudioCache.load (package:audioplayers/audio_cache.dart:82:37)
E/flutter (22727): #4      AudioCache.getAbsoluteUrl (package:audioplayers/audio_cache.dart:140:23)
E/flutter (22727): #5      AudioCache.play (package:audioplayers/audio_cache.dart:103:24)
E/flutter (22727): #6      playSound (package:tick_tok_bio/player.dart:14:20)
E/flutter (22727): #7      MapsState.startNewRoute (package:tick_tok_bio/gps_tracking.dart:122:13)
E/flutter (22727): #8      MapsState.startStop.<anonymous closure> (package:tick_tok_bio/gps_tracking.dart:240:13)
E/flutter (22727): #9      _InkResponseState._handleTap (package:flutter/src/material/ink_well.dart:779:19)
E/flutter (22727): #10     _InkResponseState.build.<anonymous closure> (package:flutter/src/material/ink_well.dart:862:36)
E/flutter (22727): #11     GestureRecognizer.invokeCallback (package:flutter/src/gestures/recognizer.dart:182:24)
E/flutter (22727): #12     TapGestureRecognizer.handleTapUp (package:flutter/src/gestures/tap.dart:504:11)
E/flutter (22727): #13     BaseTapGestureRecognizer._checkUp (package:flutter/src/gestures/tap.dart:282:5)
E/flutter (22727): #14     BaseTapGestureRecognizer.handlePrimaryPointer (package:flutter/src/gestures/tap.dart:217:7)
E/flutter (22727): #15     PrimaryPointerGestureRecognizer.handleEvent (package:flutter/src/gestures/recognizer.dart:475:9)
E/flutter (22727): #16     PointerRouter._dispatch (package:flutter/src/gestures/pointer_router.dart:76:12)
E/flutter (22727): #17     PointerRouter._dispatchEventToRoutes.<anonymous closure> (package:flutter/src/gestures/pointer_router.dart:122:9)
E/flutter (22727): #18     _LinkedHashMapMixin.forEach (dart:collection-patch/compact_hash.dart:379:8)
E/flutter (22727): #19     PointerRouter._dispatchEventToRoutes (package:flutter/src/gestures/pointer_router.dart:120:18)
E/flutter (22727): #20     PointerRouter.route (package:flutter/src/gestures/pointer_router.dart:106:7)
E/flutter (22727): #21     GestureBinding.handleEvent (package:flutter/src/gestures/binding.dart:218:19)
E/flutter (22727): #22     GestureBinding.dispatchEvent (package:flutter/src/gestures/binding.dart:198:22)
E/flutter (22727): #23     GestureBinding._handlePointerEvent (package:flutter/src/gestures/binding.dart:156:7)
E/flutter (22727): #24     GestureBinding._flushPointerEventQueue (package:flutter/src/gestures/binding.dart:102:7)
E/flutter (22727): #25     GestureBinding._handlePointerDataPacket (package:flutter/src/gestures/binding.dart:86:7)
E/flutter (22727): #26     _rootRunUnary (dart:async/zone.dart:1196:13)
E/flutter (22727): #27     _CustomZone.runUnary (dart:async/zone.dart:1085:19)
E/flutter (22727): #28     _CustomZone.runUnaryGuarded (dart:async/zone.dart:987:7)
E/flutter (22727): #29     _invoke1 (dart:ui/hooks.dart:275:10)
E/flutter (22727): #30     _dispatchPointerDataPacket (dart:ui/hooks.dart:184:5)

以下是能够播放音频文件的代码:

import 'package:audioplayers/audio_cache.dart';
import 'dart:async';
import 'package:audioplayers/audioplayers.dart';

AudioPlayer advancedPlayer;
AudioCache audioCache;

void initPlayer() {
  advancedPlayer = AudioPlayer();
  audioCache = AudioCache(fixedPlayer: advancedPlayer, prefix: 'sounds/');
}

Future<void> playSound(String path) async {
  await audioCache.play(path);
  return;
}

这里是方法被调用的地方:

void initState() {
    super.initState();
    initPlayer();
}

void startNewRoute() async {
    await playSound('start.mp3');
    // more code here
}

这里是 pubspec.yaml 的资源部分。
flutter:
  uses-material-design: true

  assets:
    - images/
    - sounds/start.mp3

  fonts:
    - family: RobotoMono
      fonts:
        - asset: fonts/RobotoMono-Regular.ttf
        - asset: fonts/RobotoMono-Bold.ttf

文件的结构如下:

root
  lib
    [dart files]
  images
    [some images]
  sounds
    start.mp3

我在这里所做的和库的文档说明应该使用的方式之间找不到任何差异。感谢任何帮助。

1个回答

6
根据设计,您应该在 pubspec.yaml 中添加"assets/"设置,格式如下:
assets:
    - images/
    - assets/sounds/start.mp3

别忘了将这些文件添加到你的pubspec.yaml文件中:

flutter: assets:

  • assets/explosion.mp3

有人在这里遇到了类似的问题。


1
我不确定我理解了。如果我这样做,它会正确地告诉我没有这样的文件。我必须明确地在我的根目录下添加一个名为“assets”的文件夹吗?我以为它会自动发生的。你可以看到在回调中它正在尝试获取文件'assets/sounds/start.mp3'。'assets'是默认的,对吧? - acantor
1
我不太明白为什么,但这个方法有效,谢谢。 - acantor
是的,您需要在 pubspec.yaml 的资产设置中添加文件夹“assets”。由于名称相同而令人困惑。无论如何,请不要忘记运行 flutter pub get 并在当前运行代码时进行冷重启(热重新加载不会加载新添加的资产)。感谢 @vinipx! - Osh Mansor

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接