Ionic 4只需单击一次即可播放单一音频

ionic --version
node --version

ionic start myApp blank

ionic generate service audio

import { Injectable } from '@angular/core';
import { Howl } from 'howler';

@Injectable({
  providedIn: 'root'
})
export class AudioService {
  private sound: Howl;

  constructor() {
    this.sound = new Howl({
      src: ['assets/audio.mp3']
    });
  }

  play() {
    this.sound.play();
  }
}

import { Component } from '@angular/core';
import { AudioService } from '../audio.service';

@Component({
  selector: 'app-home',
  templateUrl: 'home.page.html',
  styleUrls: ['home.page.scss'],
})
export class HomePage {
  constructor(private audioService: AudioService) {}

  playAudio() {
    this.audioService.play();
  }
}

<ion-button (click)="playAudio()">播放音频</ion-button>