HarmonyOS应用开发实战：猫猫大作战-AVPlayer 音视频播放

2501_94022858

291人浏览 · 2026-07-29 13:45:59

2501_94022858 · 2026-07-29 13:45:59 发布

文章配图：AVPlayer 音视频播放

页面预览

前言

AVPlayer 是 HarmonyOS 的多媒体播放器，支持音频和视频播放。在「猫猫大作战」中，AVPlayer 用于播放背景音乐和音效。

一、AVPlayer 基础

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

class BGMManager {
  private player: media.AVPlayer | null = null;

  async playBGM(src: string): Promise<void> {
    // 创建播放器
    this.player = await media.createAVPlayer();
    this.player.on('stateChange', (state) => {
      console.info(`播放状态: ${state}`);
    });
    // 设置数据源
    await this.player.setSrc(src);
    // 循环播放
    await this.player.setLoop(true);
    // 设置音量 50%
    await this.player.setVolume(0.5);
    // 开始播放
    await this.player.play();
  }

  pause(): void {
    this.player?.pause();
  }

  resume(): void {
    this.player?.play();
  }

  stop(): void {
    this.player?.stop();
    this.player?.release();
    this.player = null;
  }
}

二、播放控制

方法	功能	说明
`play()`	开始/恢复播放	异步方法
`pause()`	暂停	保留位置
`stop()`	停止	重置位置
`seek(time)`	跳转到指定时间	time 单位 ms
`setVolume(v)`	设置音量	0.0~1.0
`setLoop(b)`	是否循环	boolean
`release()`	释放资源	用完必须调用

三、游戏音效

class SFXManager {
  private cache: Map<string, media.AVPlayer> = new Map();

  async playSFX(name: string): Promise<void> {
    let sfx = this.cache.get(name);
    if (!sfx) {
      sfx = await media.createAVPlayer();
      await sfx.setSrc(`/resources/sfx/${name}.mp3`);
      this.cache.set(name, sfx);
    }
    // 每次从开始播放
    await sfx.seek(0);
    await sfx.play();
  }

  // 游戏中的音效
  playMerge() { this.playSFX('merge'); }
  playLevelUp() { this.playSFX('level_up'); }
  playGameOver() { this.playSFX('game_over'); }
  playButton() { this.playSFX('button_click'); }
}

四、常见问题

问题	原因	解决
播放无声	音量 0 / 静音模式	检查 `setVolume` 和系统音量
文件格式不支持	只支持 mp3/aac/wav	转换音频文件
切换 BGM 时卡顿	播放器未释放	先 release 再重建
后台无法播放	未申请后台任务	`backgroundTaskManager` 后台运行