angular-soundmanager2 -如何重建播放列表？

import { Component } from '@angular/core';
import { SoundManagerService } from 'angular-soundmanager2';

@Component({
  selector: 'app-your-component',
  template: '...',
})
export class YourComponent {
  constructor(private soundManager: SoundManagerService) {}
}

export class YourComponent {
  playlist: any[] = [
    { title: 'Song 1', url: 'http://example.com/song1.mp3' },
    { title: 'Song 2', url: 'http://example.com/song2.mp3' },
    { title: 'Song 3', url: 'http://example.com/song3.mp3' },
  ];

  constructor(private soundManager: SoundManagerService) {}
}

<ul>
  <li *ngFor="let track of playlist">
    <button (click)="playTrack(track)">{{ track.title }}</button>
  </li>
</ul>

export class YourComponent {
  playlist: any[] = [
    { title: 'Song 1', url: 'http://example.com/song1.mp3' },
    { title: 'Song 2', url: 'http://example.com/song2.mp3' },
    { title: 'Song 3', url: 'http://example.com/song3.mp3' },
  ];

  constructor(private soundManager: SoundManagerService) {}

  playTrack(track: any) {
    const sound = this.soundManager.createSound({
      url: track.url,
      autoLoad: true,
      autoPlay: true,
    });

    // 添加到播放列表
    this.soundManager.addSound(sound);
  }
}