Video组件如何播放图库内的某一个视频

Video组件如何播放图库内的某一个视频

选择器(Picker)是一个封装PhotoViewPicker、DocumentViewPicker、AudioViewPicker等API模块，具有选择与保存的能力。应用可以自行选择使用哪种API实现文件选择和文件保存的功能。该类接口，需要应用在界面UIAbility中调用，否则无法拉起photoPicker应用或FilePicker应用。

应用在调用PhotoPicker接口时，如果配置了PhotoPicke图片推荐参数，当设备中有满足图片推荐参数的图片，且设备中的图片已经分析完成时，PhotoPicker界面除了展示全量的图片外，还会展示符合条件的推荐图片供用户参考选择，从而缩短用户筛选图片的时间。

完整代码

// 引入包名

import { BusinessError } from '@ohos.base';

import { photoAccessHelper } from '@kit.MediaLibraryKit';


@Entry
@Component
struct Index {
  @State value: number = 0
  @State videoSrc: string = "videoSrc"

  aboutToAppear(): void {

  }

  async pick() {
    try {
      let recommendOptions: photoAccessHelper.RecommendationOptions = {
        recommendationType: photoAccessHelper.RecommendationType.ID_CARD
      }
      let options: photoAccessHelper.PhotoSelectOptions = {
        MIMEType: photoAccessHelper.PhotoViewMIMETypes.VIDEO_TYPE,
        maxSelectNumber: 1,
        recommendationOptions: recommendOptions
      }
      let photoPicker = new photoAccessHelper.PhotoViewPicker();
      photoPicker.select(options).then((PhotoSelectResult: photoAccessHelper.PhotoSelectResult) => {
        console.info('PhotoViewPicker.select successfully, PhotoSelectResult uri: ' +
        JSON.stringify(PhotoSelectResult));
        this.videoSrc = PhotoSelectResult.photoUris[0]
      }).catch((err: BusinessError) => {
        console.error(`PhotoViewPicker.select failed with err: ${err.code}, ${err.message}`);
      });
    } catch (error) {
      let err: BusinessError = error as BusinessError;
      console.error(`PhotoViewPicker failed with err: ${err.code}, ${err.message}`);
    }
  }

  build() {
    Column() {


      Button("选择视频").onClick(() => {
        this.pick()

      })
      Video({
        src: this.videoSrc
      }
      )


    }
    .height('100%')
    .width('100%')
  }
}

参考

PhotoPicker组件的开发指导，

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-file-picker-V5

photoAccessHelper.PhotoSelectOptions

使用PhotoPicker推荐图片

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V13/js-apis-photoaccesshelper-V13#photoselectoptions

备注

作者：夏天

链接：https://www.nutpi.net/

出处：https://www.arkui.club/

来源：坚果派

著作权归作者所有，禁止任何未经授权的个人或组织以任何形式将本案例集及其附属资料、创新、创意、架构设计、算法、衍生作品等用于任何商业目的、盈利活动、各类竞赛(比赛)、直播教学、录播教学、线下课程、书籍编写、教材编写、会议、培训、公益活动、项目课题、毕业设计、毕业论文、学术论文等。商业转载请联系作者获得授权，非商业转载请注明出处。否则追究相关责任。