HarmonyOS 鸿蒙Next怎么在应用里面播放音频（只要声音），能播放视频的话更好。（把播放动作绑定到按钮或者文字、图片等）

HarmonyOS 鸿蒙Next怎么在应用里面播放音频（只要声音），能播放视频的话更好。（把播放动作绑定到按钮或者文字、图片等） 官方文档：

音频播放开发概述 - 华为HarmonyOS开发者

使用AVPlayer播放音频(ArkTS)-播放-媒体开发指导(ArkTS)-Media Kit（媒体服务）-媒体 - 华为HarmonyOS开发者

[@ohos.multimedia.media (媒体服务)-ArkTS API-Media Kit（媒体服务）-媒体 - 华为HarmonyOS开发者](https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-media-V5#mediacreateavplayer9)

[@ohos.multimedia.audio (音频管理)-ArkTS API-Audio Kit（音频服务）-媒体 - 华为HarmonyOS开发者](https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V13/js-apis-audio-V13)

相关问答：

音频播放-华为开发者问答 | 华为开发者联盟

基于AVPlayer音频后台播放-华为开发者问答 | 华为开发者联盟

关于SoundPool播放音频的问题-华为开发者问答 | 华为开发者联盟

基于AVPlayer音频后台播放-华为开发者问答 | 华为开发者联盟

官方示例：

HarmonyOS_Samples/MusicCard

VideoPlay: 视频播放的主要工作是将视频数据转码并输出到设备进行播放，同时管理播放任务。

结果：

1. 在官方示例中音乐卡片能够在模拟器中成功运行，视频播放在模拟器中会提示网络问题，稍显卡顿，加载半天，加载成功不能快进。

2. 相关的参考文档和问答中提供了相关代码，但是本人水平有限确实是看不懂。（在哪里修改本地文件地址，支持啥格式，文件有要求么，怎么给UI绑定动作）

这个示例代码怎么从HelloWorld搭建起来的，成果可以白嫖，但是过程本人实在是脑补不出来。

需求：

1. APP播放本地的mp3、mp4等格式的文件，能播放网页上的资源更好。

2. 有UI绑定，即能直接复制粘贴运行的。如需配置相关环境请列出步骤。

3. 如果有相关的代码请告诉我

（1）本地文件是放在中么还是另有安排？

（2）在代码中如何修改读取的文件位置，格式是什么src/main/resources/rawfile/DiDi.mp3能用么？

（3）如何把音乐或者视频播放的动作绑定到按钮或者文字图形上。

（4）如果您有类似于HarmonyOS_Samples/MusicCard的完整工程的话，能教教我怎么实现的么？

1. 我先想到的是把资料给AI，帮我梳理一下，但是输出的内容是TypeScript，和ArkTs并不严格兼容。有的配置项在DevEco中并不叫这个名字。有好用的AI推荐么？

GPT确实可以，但是4.0有限制次数。

1. 您是如何看懂官方文档的，有需求是如何实现的，这个过程能描述一下么？

2. 学生愚钝，如您肯指导一二，不胜感激。

以下是喂给AI数据之后手动修改能勉强运行出界面的产物，只有一个按钮，不知道为什么没能成功播放出声音，要改的话怎么改呀

// AVPlayerDemo.ets
import media from '[@ohos](/user/ohos).multimedia.media';
import { fileIo as fs } from '@kit.CoreFileKit';

interface GeneratedTypeLiteralInterface_1 {
  code: number;
  message: string;
}

@Entry
@Component
struct AVPlayerDemo {
  private count: number = 0;  // A counter for play/pause actions
  private isSeek: boolean = true; // Flag to control seeking behavior
  private fileSize: number = -1; // Holds the size of the media file
  private fd: number = 0; // File descriptor for accessing the media file

  // Callback function to handle AVPlayer events like state changes and errors
  private setAVPlayerCallback(avPlayer: media.AVPlayer) {
    avPlayer.on('seekDone', (seekDoneTime: number) => {
      console.info(`AVPlayer seek succeeded, seek time is ${seekDoneTime}`);
    });

    avPlayer.on('error', (err: GeneratedTypeLiteralInterface_1) => {
      console.error(`Invoke AVPlayer failed. Code: ${err.code}, Message: ${err.message}`);
      avPlayer.reset(); // Reset player on error
    });

    avPlayer.on('stateChange', async (state: string, reason: media.StateChangeReason) => {
      switch (state) {
        case 'idle':
          console.info('AVPlayer state: idle.');
          avPlayer.release(); // Release resources if idle
          break;
        case 'initialized':
          console.info('AVPlayer state: initialized.');
          avPlayer.prepare(); // Prepare the player
          break;
        case 'prepared':
          console.info('AVPlayer state: prepared.');
          avPlayer.play(); // Start playing the audio once prepared
          break;
        case 'playing':
          console.info('AVPlayer state: playing.');
          if (this.count === 0) {
            setTimeout(() => {
              console.info('Pausing AVPlayer after 3 seconds.');
              avPlayer.pause(); // Pause after 3 seconds
            }, 3000);
          } else if (this.isSeek) {
            console.info('Seeking to the end of the audio.');
            avPlayer.seek(avPlayer.duration); // Seek to the end after playing
          }
          this.count++;
          break;
        case 'paused':
          console.info('AVPlayer state: paused.');
          setTimeout(() => {
            console.info('Resuming playback after 3 seconds.');
            avPlayer.play(); // Resume playback after a delay
          }, 3000);
          break;
        case 'completed':
          console.info('AVPlayer state: completed.');
          avPlayer.stop(); // Stop when playback is complete
          break;
        case 'stopped':
          console.info('AVPlayer state: stopped.');
          avPlayer.reset(); // Reset on stop
          break;
        case 'released':
          console.info('AVPlayer state: released.');
          break;
        default:
          console.info('AVPlayer state: unknown.');
      }
    });
  }

  // Method to play a local file
  async playLocalFileDemo() {
    const filePath = 'src/main/resources/rawfile/DiDi.mp3'; // Path to the audio file

    try {
      const avPlayer: media.AVPlayer = await media.createAVPlayer();
      this.setAVPlayerCallback(avPlayer); // Attach event handlers

      const file = await fs.open(filePath, fs.OpenMode.READ_WRITE);
      this.fd = file.fd; // Get the file descriptor
      this.fileSize = (await fs.stat(filePath)).size; // Get the file size

      // Setting up the data source for the AVPlayer
      const src: media.AVDataSrcDescriptor = {
        fileSize: this.fileSize,
        callback: (buffer: ArrayBuffer, length: number, pos: number | undefined) => {
          if (!buffer || length === undefined || pos === undefined) {
            return -1;
          }
          const bytesRead = fs.readSync(this.fd, buffer, { offset: pos, length });
          return bytesRead > 0 ? bytesRead : -1;
        },
      };

      this.isSeek = true; // Enable seeking to the end after play starts
      avPlayer.dataSrc = src; // Assign data source to AVPlayer
    } catch (error) {
      console.error('Error initializing AVPlayer:', error);
    }
  }

  // Render UI components
  build() {
    Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Start, justifyContent: FlexAlign.SpaceBetween }) {
      Text('Play Audio Example').fontSize(9).fontColor(0xCCCCCC);

      Flex({ alignItems: ItemAlign.Center, justifyContent: FlexAlign.SpaceBetween }) {
        Button('Play Audio', { type: ButtonType.Normal, stateEffect: true })
          .borderRadius(8)
          .backgroundColor(0x317aff)
          .width(120)
          .height(40)
          .onClick(() => {
            console.info("Play button clicked");
            this.playLocalFileDemo(); // Trigger file playback
          });
      };
    }.height(400).padding({ left: 35, right: 35, top: 35 });
  }
}