动态照片是一种结合了图片和视频的照片形式,可以显示一小段时间的动态画面和声音。可以帮助用户捕捉精彩的动态瞬间,提升创作空间,同时令拍照的容错率更高。
保存动态照片资源
使用安全控件保存动态照片资源后,可用于获取MovingPhoto对象,从而完成播放动态照片等操作。
使用安全控件保存动态照片资源,无需申请相册管理模块权限’ohos.permission.WRITE_IMAGEVIDEO’,允许用户通过点击按钮临时获取存储权限,并将资源直接保存到指定的媒体库路径,使得操作更为便捷。
开发步骤
-
设置安全控件按钮属性。
-
创建安全控件按钮。
-
调用[MediaAssetChangeRequest.createAssetRequest]接口新建一个创建资产的变更请求,指定待创建资产的子类型为动态照片。
-
调用[MediaAssetChangeRequest.addResource]接口指定动态照片的图片和视频内容。
以下示例以从应用沙箱fileUri指定动态照片的图片和视频内容为例。
开发者可根据实际情况,通过ArrayBuffer的方式指定资源内容,参考[MediaAssetChangeRequest.addResource(type: ResourceType, data: ArrayBuffer)]。
-
调用[PhotoAccessHelper.applyChanges]接口提交创建资产的变更请求。
import { photoAccessHelper } from '@kit.MediaLibraryKit';
@Entry
@Component
struct Index {
@State message: string = 'Hello World'
@State saveButtonOptions: SaveButtonOptions = {
icon: SaveIconStyle.FULL_FILLED,
text: SaveDescription.SAVE_IMAGE,
buttonType: ButtonType.Capsule
} // 设置安全控件按钮属性
build() {
Row() {
Column() {
Text(this.message)
.fontSize(50)
.fontWeight(FontWeight.Bold)
SaveButton(this.saveButtonOptions) // 创建安全控件按钮
.onClick(async (event, result: SaveButtonOnClickResult) => {
if (result == SaveButtonOnClickResult.SUCCESS) {
try {
let context = getContext();
let phAccessHelper = photoAccessHelper.getPhotoAccessHelper(context);
// 需要确保imageFileUri和videoFileUri对应的资源存在,分别表示待创建到媒体库的动态照片的图片和视频。
let imageFileUri = 'file://com.example.temptest/data/storage/el2/base/haps/entry/files/create_moving_photo.jpg';
let videoFileUri = 'file://com.example.temptest/data/storage/el2/base/haps/entry/files/create_moving_photo.mp4';
let assetChangeRequest: photoAccessHelper.MediaAssetChangeRequest = photoAccessHelper.MediaAssetChangeRequest.createAssetRequest(context, photoAccessHelper.PhotoType.IMAGE, "jpg", {
title: "moving_photo",
subtype: photoAccessHelper.PhotoSubtype.MOVING_PHOTO
});
assetChangeRequest.addResource(photoAccessHelper.ResourceType.IMAGE_RESOURCE, imageFileUri);
assetChangeRequest.addResource(photoAccessHelper.ResourceType.VIDEO_RESOURCE, videoFileUri);
await phAccessHelper.applyChanges(assetChangeRequest);
console.info('create moving photo successfully, uri: ' + assetChangeRequest.getAsset().uri);
} catch (err) {
console.error(`create moving photo failed with error: ${err.code}, ${err.message}`);
}
} else {
console.error('SaveButtonOnClickResult create moving photo failed');
}
})
}
.width('100%')
}
.height('100%')
}
}
获取动态照片对象
- 应用可以通过picker的方式获取用户媒体库里的动态照片对象,后续可用于在应用内播放动态照片,或是读取动态照片资源进行其他操作(如上传到应用共享给他人浏览等)。
- 应用也可以通过传入应用沙箱的图片和视频fileUri的方式构造应用本地的动态照片对象。
获取到动态照片对象后,如需播放动态照片请使用[MovingPhotoView组件]。
获取媒体库动态照片对象
- 通过Picker选择动态照片uri。
- 调用[PhotoAccessHelper.getAssets]和[FetchResult.getFirstObject]接口获取uri对应的PhotoAsset资产。
- 调用[MediaAssetManager.requestMovingPhoto]获取PhotoAsset对应的动态照片对象(MovingPhoto)。
import { photoAccessHelper } from '@kit.MediaLibraryKit';
import { dataSharePredicates } from '@kit.ArkData';
let context = getContext(this);
let phAccessHelper = photoAccessHelper.getPhotoAccessHelper(context);
async function example() {
try {
// picker选择动态照片uri
let photoSelectOptions = new photoAccessHelper.PhotoSelectOptions();
photoSelectOptions.MIMEType = photoAccessHelper.PhotoViewMIMETypes.MOVING_PHOTO_IMAGE_TYPE;
photoSelectOptions.maxSelectNumber = 9;
let photoViewPicker = new photoAccessHelper.PhotoViewPicker();
let photoSelectResult = await photoViewPicker.select(photoSelectOptions);
let uris = photoSelectResult.photoUris;
for (let i = 0; i < uris.length; i++) {
// 获取uri对应的PhotoAsset资产
let predicates: dataSharePredicates.DataSharePredicates = new dataSharePredicates.DataSharePredicates();
predicates.equalTo(photoAccessHelper.PhotoKeys.URI, uris[i]);
let fetchOption: photoAccessHelper.FetchOptions = {
fetchColumns: [],
predicates: predicates
};
let fetchResult: photoAccessHelper.FetchResult<photoAccessHelper.PhotoAsset> = await phAccessHelper.getAssets(fetchOption);
let photoAsset: photoAccessHelper.PhotoAsset = await fetchResult.getFirstObject();
// 获取PhotoAsset对应的动态照片对象
await photoAccessHelper.MediaAssetManager.requestMovingPhoto(context, photoAsset, {
deliveryMode: photoAccessHelper.DeliveryMode.FAST_MODE
}, {
async onDataPrepared(movingPhoto: photoAccessHelper.MovingPhoto) {
if (movingPhoto !== undefined) {
// 应用可自定义对movingPhoto的处理逻辑
console.info('request moving photo successfully, uri: ' + movingPhoto.getUri());
}
}
})
}
} catch (err) {
console.error(`request moving photo failed with error: ${err.code}, ${err.message}`);
}
}
获取应用沙箱动态照片对象
调用[MediaAssetManager.loadMovingPhoto]加载应用沙箱的动态照片对象(MovingPhoto)。
import { photoAccessHelper } from '@kit.MediaLibraryKit';
let context = getContext(this);
async function example() {
try {
let imageFileUri = 'file://com.example.temptest/data/storage/el2/base/haps/entry/files/local_moving_photo.jpg';
let videoFileUri = 'file://com.example.temptest/data/storage/el2/base/haps/entry/files/local_moving_photo.mp4';
let movingPhoto = await photoAccessHelper.MediaAssetManager.loadMovingPhoto(context, imageFileUri, videoFileUri);
console.info('load moving photo successfully');
} catch (err) {
console.error(`load moving photo failed with error: ${err.code}, ${err.message}`);
}
}
读取动态照片资源
对于一个动态照片对象,应用可以通过[MovingPhoto.requestContent]的接口导出图片和视频到应用沙箱,或者读取图片或视频的ArrayBuffer内容。
import { photoAccessHelper } from '@kit.MediaLibraryKit';
async function example(movingPhoto: photoAccessHelper.MovingPhoto) {
try {
let imageFileUri = 'file://com.example.temptest/data/storage/el2/base/haps/entry/files/request_moving_photo.jpg';
let videoFileUri = 'file://com.example.temptest/data/storage/el2/base/haps/entry/files/request_moving_photo.mp4';
await movingPhoto.requestContent(imageFileUri, videoFileUri); // 将动态照片导出到应用沙箱
let imageData = await movingPhoto.requestContent(photoAccessHelper.ResourceType.IMAGE_RESOURCE); // 读取图片的ArrayBuffer内容
let videoData = await movingPhoto.requestContent(photoAccessHelper.ResourceType.VIDEO_RESOURCE); // 读取视频的ArrayBuffer内容
} catch (err) {
console.error(`request content of moving photo failed with error: ${err.code}, ${err.message}`);
}
}
最后呢
很多开发朋友不知道需要学习那些鸿蒙技术?鸿蒙开发岗位需要掌握那些核心技术点?为此鸿蒙的开发学习必须要系统性的进行。
而网上有关鸿蒙的开发资料非常的少,假如你想学好鸿蒙的应用开发与系统底层开发。你可以参考这份资料,少走很多弯路,节省没必要的麻烦。由两位前阿里高级研发工程师联合打造的《鸿蒙NEXT星河版OpenHarmony开发文档》里面内容包含了(ArkTS、ArkUI开发组件、Stage模型、多端部署、分布式应用开发、音频、视频、WebGL、OpenHarmony多媒体技术、Napi组件、OpenHarmony内核、Harmony南向开发、鸿蒙项目实战等等)鸿蒙(Harmony NEXT)技术知识点
如果你是一名Android、Java、前端等等开发人员,想要转入鸿蒙方向发展。可以直接领取这份资料辅助你的学习。下面是鸿蒙开发的学习路线图。
针对鸿蒙成长路线打造的鸿蒙学习文档。话不多说,我们直接看详细鸿蒙(OpenHarmony )手册(共计1236页)与鸿蒙(OpenHarmony )开发入门视频,帮助大家在技术的道路上更进一步。
- 《鸿蒙 (OpenHarmony)开发学习视频》
- 《鸿蒙生态应用开发V2.0白皮书》
- 《鸿蒙 (OpenHarmony)开发基础到实战手册》
- OpenHarmony北向、南向开发环境搭建
- 《鸿蒙开发基础》
- 《鸿蒙开发进阶》
- 《鸿蒙开发实战》
总结
鸿蒙—作为国家主力推送的国产操作系统。部分的高校已经取消了安卓课程,从而开设鸿蒙课程;企业纷纷跟进启动了鸿蒙研发。
并且鸿蒙是完全具备无与伦比的机遇和潜力的;预计到年底将有 5,000 款的应用完成原生鸿蒙开发,未来将会支持 50 万款的应用。那么这么多的应用需要开发,也就意味着需要有更多的鸿蒙人才。鸿蒙开发工程师也将会迎来爆发式的增长,学习鸿蒙势在必行! 自↓↓↓拿