错误：@capacitor-community/native-audio - 资产路径丢失 [IONIC 5]

Question

当我想在 IONIC 5 应用程序上预加载声音时遇到问题。

在我的 xcode 中显示以下错误：

{"message":"资产路径丢失 -forward.mp3","errorMessage":"资产 路径丢失 -forward.mp3"}

但是，我的代码如下，似乎尊重使用插件的方式：

在我的页面.ts

import {NativeAudio} from '@capacitor-community/native-audio';

  ngOnInit() {
    NativeAudio.preload({
      assetId: 'forward',
      assetPath: 'forward.mp3',
      audioChannelNum: 1,
      isUrl: false
  });
}

我在“ios / App / App”中创建了一个“声音”文件夹，其中包含我的forward.mp3文件。

我也尝试调用相关文件“src/assets/audios/forward.mp3”，但我得到了同样的错误。

你能帮我吗？

Answer 1

这是我对 cordova 插件的回答。我没有使用电容。 安装cordova原生音频插件
https://ionicframework.com/docs/native/native-audio
试试这个...
https://stackoverflow.com/a/68735700/16377205
这对我有用

Answer 2

我最近在 IOS（Ionic 6、Capacitor 5、Angular 17）上也遇到了这个问题。我解决这个问题的方法是将音频文件复制到

src/assets/audio

文件夹并将 assetPath 设置为

assetPath: 'public/assets/audio/my.mp3'

（这也在评论中提到）。

在构建应用程序之前，运行

npx cap copy

这会将包括资产在内的 Web 文件复制到本机 ios/ 文件夹。