HarmonyOS鸿蒙Next中如何使用AVPlayer实现音频播放功能？

实现思路：

1. 使用 media.createAVPlayer 创建播放器实例：

import { media } from '@kit.MediaKit';

const avPlayer = await media.createAVPlayer();

1. 设置播放源并监听状态变化：

avPlayer.on('stateChange', (state: string) => {
  if (state === 'initialized') {
    avPlayer.prepare();
  } else if (state === 'prepared') {
    avPlayer.play();
  }
});
avPlayer.url = 'https://example.com/audio.mp3';

1. 控制播放、暂停、跳转：

avPlayer.play();
avPlayer.pause();
avPlayer.seek(30000); // 跳转到30秒

1. 完整示例代码：

import { media } from '@kit.MediaKit';

@Entry
@Component
struct AudioPlayerPage {
  private avPlayer: media.AVPlayer | null = null;
  @State isPlaying: boolean = false;
  @State currentTime: number = 0;
  @State duration: number = 0;
  @State isReady: boolean = false;

  async aboutToAppear() {
    await this.initPlayer();
  }

  aboutToDisappear() {
    this.releasePlayer();
  }

  async initPlayer() {
    this.avPlayer = await media.createAVPlayer();

    this.avPlayer.on('stateChange', (state: string) => {
      console.info(`Player state: ${state}`);
      if (state === 'initialized') {
        this.avPlayer?.prepare();
      } else if (state === 'prepared') {
        this.duration = this.avPlayer?.duration || 0;
        this.isReady = true;
      } else if (state === 'completed') {
        this.isPlaying = false;
        this.currentTime = 0;
      }
    });

    this.avPlayer.on('timeUpdate', (time: number) => {
      this.currentTime = time;
    });

    this.avPlayer.on('error', (err) => {
      console.error(`Player error: ${JSON.stringify(err)}`);
    });

    this.avPlayer.url = 'https://example.com/audio.mp3';
  }

  releasePlayer() {
    if (this.avPlayer) {
      this.avPlayer.release();
      this.avPlayer = null;
    }
  }

  formatTime(ms: number): string {
    const seconds = Math.floor(ms / 1000);
    const min = Math.floor(seconds / 60);
    const sec = seconds % 60;
    return `${min}:${sec.toString().padStart(2, '0')}`;
  }

  build() {
    Column({ space: 20 }) {
      Text('音频播放器').fontSize(20).fontWeight(FontWeight.Bold)

      // 进度条
      Row() {
        Text(this.formatTime(this.currentTime)).fontSize(12)
        Slider({
          value: this.duration > 0 ? (this.currentTime / this.duration) * 100 : 0,
          min: 0,
          max: 100
        })
          .layoutWeight(1)
          .onChange((value: number) => {
            const seekTime = (value / 100) * this.duration;
            this.avPlayer?.seek(seekTime);
          })
        Text(this.formatTime(this.duration)).fontSize(12)
      }
      .width('100%')

      // 控制按钮
      Row({ space: 30 }) {
        Button('后退10s').onClick(() => {
          const newTime = Math.max(0, this.currentTime - 10000);
          this.avPlayer?.seek(newTime);
        })

        Button(this.isPlaying ? '暂停' : '播放')
          .onClick(() => {
            if (!this.isReady) return;
            if (this.isPlaying) {
              this.avPlayer?.pause();
            } else {
              this.avPlayer?.play();
            }
            this.isPlaying = !this.isPlaying;
          })

        Button('前进10s').onClick(() => {
          const newTime = Math.min(this.duration, this.currentTime + 10000);
          this.avPlayer?.seek(newTime);
        })
      }
    }
    .width('100%')
    .padding(20)
  }
}