如何在angular 6+中按页面加载或每隔一段时间播放音频

import { Component } from '@angular/core';
import { interval } from 'rxjs';
import { take } from 'rxjs/operators';

@Component({
  selector: 'app-audio-player',
  templateUrl: './audio-player.component.html',
  styleUrls: ['./audio-player.component.css']
})
export class AudioPlayerComponent {
  audio: HTMLAudioElement;
  timer: any;
}

ngOnInit() {
  this.audio = new Audio();
  this.audio.src = 'path/to/audio/file.mp3';
  this.timer = interval(5000).pipe(take(10)); // 每隔5秒播放一次，共播放10次
}

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

playAudio() {
  this.timer.subscribe(() => {
    this.audio.load();
    this.audio.play();
  });
}

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { AudioPlayerComponent } from './audio-player.component';

@NgModule({
  declarations: [AudioPlayerComponent],
  imports: [CommonModule],
  exports: [AudioPlayerComponent]
})
export class AudioPlayerModule { }