鸿蒙（API 12 Beta3版）【添加视频外挂字幕】视频播放与录制-CSDN博客

本文链接：https://blog.csdn.net/m0_70748845/article/details/141572473

当前仅支持视频播放前设置外挂字幕。

在进行应用开发的过程中，开发者可以通过AVPlayer的实例注册on(‘subtitleUpdate’)方法监听字幕信息。

开发步骤及注意事项

使用视频播放的AVPlayer实例设置外挂字幕资源。

let context = getContext(this) as common.UIAbilityContext
let fileDescriptor = await context.resourceManager.getRawFd('xxx.srt')

avPlayer.addSubtitleFromFd(fileDescriptor.fd, fileDescriptor.offset, fileDescriptor.length)

// 或者使用addSubtitleFromUrl接口
let fdUrl:string = "http://xxx.xxx.xxx.xxx:xx/xx/index.srt" 
avPlayer.addSubtitleFromUrl(fdUrl)

使用视频播放的AVPlayer实例注册字幕回调函数。

avPlayer.on('subtitleUpdate', (info: media.SubtitleInfo) => {
  if (info) {
    let text = (!info.text) ? '' : info.text
    let startTime = (!info.startTime) ? 0 : info.startTime
    let duration = (!info.duration) ? 0 : info.duration
    console.info('subtitleUpdate info: text=' + text + ' startTime=' + startTime +' duration=' + duration)
  } else {
    console.info('subtitleUpdate info is null')
  }
})

(可选)当需要不显示字幕的时候，使用视频播放的AVPlayer实例注销字幕回调函数。
```
avPlayer.off('subtitleUpdate')
```

完整示例

import { media } from '@kit.MediaKit';
import { common } from '@kit.AbilityKit';
import { BusinessError } from '@kit.BasicServicesKit';

export class AVPlayerSubtitleDemo {
  // 注册avplayer回调函数
  setAVPlayerCallback(avPlayer: media.AVPlayer) {
    // error回调监听函数,当avPlayer在操作过程中出现错误时调用reset接口触发重置流程
    avPlayer.on('error', (err: BusinessError) => {
      console.error(`Invoke avPlayer failed, code is ${err.code}, message is ${err.message}`)
      avPlayer.reset() // 调用reset重置资源，触发idle状态
    })
    // 注册字幕回调函数
    avPlayer.on('subtitleUpdate', (info: media.SubtitleInfo) => {
      if (info) {
        let text = (!info.text) ? '' : info.text
        let startTime = (!info.startTime) ? 0 : info.startTime
        let duration = (!info.duration) ? 0 : info.duration
        console.info('subtitleUpdate info: text=' + text + ' startTime=' + startTime +' duration=' + duration)
      } else {
        console.info('subtitleUpdate info is null')
      }
    })
  }

  // 以下demo为使用资源管理接口获取打包在HAP内的媒体资源文件并通过url属性设置
  async avPlayerSubtitleUrlDemo() {
    // 创建avPlayer实例对象
    let avPlayer: media.AVPlayer = await media.createAVPlayer()
    // 设置视频信息
    // 创建回调函数
    this.setAVPlayerCallback(avPlayer)

    let fdUrl:string = "http://xxx.xxx.xxx.xxx:xx/xx/index.srt"

    avPlayer.addSubtitleFromUrl(fdUrl)
  }

  // 以下demo为使用资源管理接口获取打包在HAP内的媒体资源文件并通过FromFd属性设置
  async avPlayerSubtitleFromFdDemo() {
    // 创建avPlayer实例对象
    let avPlayer: media.AVPlayer = await media.createAVPlayer()
    // 设置视频信息
    // 创建回调函数
    this.setAVPlayerCallback(avPlayer)

    let context = getContext(this) as common.UIAbilityContext
    let fileDescriptor = await context.resourceManager.getRawFd('xxx.srt')

    avPlayer.addSubtitleFromFd(fileDescriptor.fd, fileDescriptor.offset, fileDescriptor.length)
  }

  // 注销字幕回调函数
  async avPlayerSubtitleOffDemo() {
    avPlayer.off('subtitleUpdate')
  }

}

最后呢

很多开发朋友不知道需要学习那些鸿蒙技术？鸿蒙开发岗位需要掌握那些核心技术点？为此鸿蒙的开发学习必须要系统性的进行。

而网上有关鸿蒙的开发资料非常的少，假如你想学好鸿蒙的应用开发与系统底层开发。你可以参考这份资料，少走很多弯路，节省没必要的麻烦。由两位前阿里高级研发工程师联合打造的《鸿蒙NEXT星河版OpenHarmony开发文档》里面内容包含了（ArkTS、ArkUI开发组件、Stage模型、多端部署、分布式应用开发、音频、视频、WebGL、OpenHarmony多媒体技术、Napi组件、OpenHarmony内核、Harmony南向开发、鸿蒙项目实战等等）鸿蒙（Harmony NEXT）技术知识点

如果你是一名Android、Java、前端等等开发人员，想要转入鸿蒙方向发展。可以直接领取这份资料辅助你的学习。下面是鸿蒙开发的学习路线图。

在这里插入图片描述