angular - Ionic4:在Web应用程序中播放音频文件时出现问题

Question

目前，我正在将Ionic 4与Angular结合使用。

当我单击时想要一个图像，将播放音频(mp3 / wav)。我已经为此奋斗了一个星期。您可以在以下方面帮助我吗？在ionic 4中播放音频文件有哪些选择？如何在应用程序中播放音频文件？

在Chrome调试控制台中，它显示

"ERROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'My_Audio_File.mp3'"

当我单击由mp3文件制成的href链接时。

<ion-header>
  <ion-toolbar>
    <ion-title>
      Home Page
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
    <audio
        controls
        src="My_Audio_File.mp3">
            Your browser does not support the audio element.
    </audio>
<p>

    <a href="My_Audio_File.mp3">Debugging: link to the audio</a>
<p>
</ion-content>

单击href链接时，Chrome调试控制台会显示此错误:

"ERROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'My_Audio_File.mp3'"

Answer 1

您可以使用cordova-plugin-media进行背景音频播放。

import { Media, MediaObject } from '@ionic-native/media/ngx';

constructor(private media: Media) { }

// Create a Media instance.  Expects path to file or url as argument
// We can optionally pass a second argument to track the status of the media

const file: MediaObject = this.media.create('file.mp3');

// to listen to plugin events:

file.onStatusUpdate.subscribe(status => console.log(status)); // fires when file status changes

file.onSuccess.subscribe(() => console.log('Action is successful'));

file.onError.subscribe(error => console.log('Error!', error));

// play the file
file.play();

// pause the file
file.pause();

请参阅此信息以获取完整的文档。 Click Here