自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

MediaLibrary媒體庫API基本用法

系統(tǒng) OpenHarmony
本文展示的是接口基本的使用場景。接口功能基本完善,除了一小部分Bug如釋放某些實例會導致圖庫刷新之類的,能夠滿足正常的開發(fā)需求。

??想了解更多關(guān)于開源的內(nèi)容,請訪問:??

??51CTO 開源基礎(chǔ)軟件社區(qū)??

??https://ost.51cto.com??

MediaLibrary簡介

mediaLibrary媒體庫是鴻蒙系統(tǒng)對外供開發(fā)者訪問、修改用戶個人媒體資源的接口,提供有 媒體限定詞檢索、媒體信息獲取、媒體數(shù)據(jù)讀寫 等功能。

目前官方定義的媒體資源包括 圖片、視頻、音頻、文件。

API文檔:
???@ohos.multimedia.mediaLibrary 3.0 Release??

??@ohos.multimedia.mediaLibrary 3.1 Beta??

?(API 6開始支持,建議使用API 8及以上SDK)

使用場景

  • 本地媒體圖片的訪問
  • 本地媒體上傳
  • 將媒體存儲在本地媒體庫(相冊)
import media = '@ohos.multimedia.mediaLibrary';

需要獲取媒體讀寫權(quán)限,動態(tài)申請:

import featureAbility from '@ohos.ability.featureAbility'
function getPermissions(){
var context = featureAbility.getContext()
let array:Array<string> = ["ohos.permission.READ_MEDIA","ohos.permission.WRITE_MEDIA"];
context.requestPermissionsFromUser(array, 123, (err, data)=>{
if(err)
console.info("requestPermissons:" + JSON.stringify(data));
else
console.info("requestPermissons error:" + JSON.stringify(err));
})
}

在config.json的module添加權(quán)限:

{
"module" : {
"reqPermissions":[
{
"name" : "ohos.permission.READ_MEDIA",
},
{
"name" : "ohos.permission.WRITE_MEDIA"
}
]
}
}

相關(guān)實例

實例

作用

獲取接口

MediaLibrary

媒體庫實例(入口)

FA:mediaLibrary.getMediaLibrary()

Stage: mediaLibrary.getMediaLibrary(context)

FetchFileResult

媒體檢索結(jié)果集,包含關(guān)鍵信息

MediaLibrary:getFileAssert(MediaFetchOptions)

FileAssert

結(jié)果集中的媒體,用于獲取具體資源信息

FetchFileResult:getFirstObject()、getNextObject()、getLastObject()

Ablum

相冊,可從特定相冊獲取資源

MediaLibrary:getAlbum(MediaFetchOptions)

封裝mediaManager類

import mediaLibrary from '@ohos.multimedia.mediaLibrary';
import hilog from '@ohos.hilog';
const TAG = 'mediaLibrary.ts'

// 媒體的基本關(guān)鍵信息
export type MediaDataType = {
uri: string, // 路徑
name: string, // 資源名稱
mimeType: string, // 資源類型
relativePath: string, // 相對路徑(所屬公共目錄)
size: number, // 資源大小
pixelmap?: any // 資源縮略圖
}

export class mediaManager {
private media: mediaLibrary.MediaLibrary = null // 媒體庫
private fetchFileResult: mediaLibrary.FetchFileResult = null // 當前媒體結(jié)果集
private curFileAsset = null // 當前媒體結(jié)果
private curSelectedMediaUrls: Array<string> = null // 當前選擇媒體的urls

// 首先獲取媒體庫實例
setMediaLibrary(): Promise<void> {
return new Promise((res, rej) => {
this.media = mediaLibrary.getMediaLibrary();
if (!this.media) {
hilog.info(0x0001, TAG, 'create mediaLibrary fail')
rej()
}
res()
})
}
// 獲取IMAGE類型媒體庫
async getImageAssetSync(): Promise<any> {
return await this.getAssets(mediaLibrary.MediaType.IMAGE)
}
// 獲取VIDEO類型媒體庫
async getVideoAssetSync(): Promise<any> {
return await this.getAssets(mediaLibrary.MediaType.VIDEO)
}
// 獲取FILE類型媒體庫
async getFileAssetSync(): Promise<any> {
return await this.getAssets(mediaLibrary.MediaType.FILE)
}

async getAssets(MediaType: mediaLibrary.MediaType): Promise<any> {
if (!this.media) await this.setMediaLibrary()
return new Promise((res) => {
//--- FileKey:文件關(guān)鍵信息,這里根據(jù)MEDIA_TYPE選擇媒體
let fileKeyObj = mediaLibrary.FileKey.MEDIA_TYPE
let imagesfetchOp = { //--- select選項配置
selections: fileKeyObj + '= ?',
selectionArgs: [MediaType.toString()],
}
this.media.getFileAssets(imagesfetchOp).then((fetchFileResult) => {
this.fetchFileResult = fetchFileResult
hilog.info(0x0001, TAG, "getFileAssets success:" + fetchFileResult.getCount()+' selected')
res(fetchFileResult.getCount())
}).catch((err) => {
hilog.info(0x0001, TAG, "getFileAssets failed:" + err)
})
})
}
// 釋放結(jié)果集資源
releaseFetchFileResult(): void {
// Bug:真機測試時,此方法(刪除FetchFileResult實例)會導致手機內(nèi)媒體資源顯示刷新
//this.fetchFileResult.close();
}
// 釋放媒體庫資源
release() {
this.media.release()
}
// 從結(jié)果集中獲取指定index的媒體
async getCertainImageMedia(index: number): Promise<MediaDataType> {
if (!this.fetchFileResult) await this.getImageAssetSync()
return new Promise((res) => {
this.fetchFileResult.getPositionObject(index).then(async (fileAsset) => {
hilog.info(0x0001, TAG, "getPositionObject successfully:" + JSON.stringify(fileAsset))
res(await this.handle(fileAsset))
}).catch((err) => {
hilog.info(0x0001, TAG, "getPositionObject failed:" + err);
})
})
}
// 從結(jié)果集中獲取下一個的媒體
async getNextImageMedia(): Promise<MediaDataType> {
if (!this.fetchFileResult) await this.getImageAssetSync()
return new Promise((res, rej) => {
this.fetchFileResult.getNextObject().then(async (fileAsset) => {
hilog.info(0x0001, TAG, "getNextObject success:" + JSON.stringify(fileAsset));
res(await this.handle(fileAsset))
}).catch((err) => {
hilog.info(0x0001, TAG, "getNextObject failed:" + err);
})
})
}
// 媒體結(jié)果處理,返回數(shù)據(jù)
private handle(fileAsset: mediaLibrary.FileAsset): Promise<MediaDataType> {
return new Promise(res => {
fileAsset.getThumbnail((err, pixelmap) => {
let data: MediaDataType = {
uri: fileAsset.uri,
name: fileAsset.displayName,
mimeType: fileAsset.mimeType,
relativePath: fileAsset.relativePath,
size: fileAsset.size
}
if (!err) {
hilog.info(0x0001, TAG, 'mediaLibraryTest : getThumbnail Successful ' + pixelmap)
data.pixelmap = pixelmap
}
this.curFileAsset = data
res(data)
})
})
}
// 拉起相冊選擇
async startGetMediaSelect(selectedNumber: number): Promise<Array<string>> {
if (!this.media) await this.setMediaLibrary()
return new Promise((res, rej) => {
let option: mediaLibrary.MediaSelectOption = {
type: "media", //--- 截止目前只支持選擇media,即所有類型的資源
count: selectedNumber // --- 需要選擇的媒體個數(shù)
};
this.media.startMediaSelect(option, (err, value: Array<string>) => {
//--- 這里回調(diào)參數(shù)注意要使用"value"命名,否則不生效!
if (err) {
hilog.info(0x0001, TAG, "selecting media err:" + JSON.stringify(err));
rej(err)
}
hilog.info(0x0001, TAG, "Media resources selected: " + value.length);
this.curSelectedMediaUrls = value
res(this.curSelectedMediaUrls)
})
})
}
// 從index位置開始,拉起相冊預覽結(jié)果集中的媒體
startImagePreview(index?: number): Promise<void> {
return this.media.startImagePreview(this.curSelectedMediaUrls, index || 0)
}

getCurSelectedMediaUrls(): Array<string> {
return this.curSelectedMediaUrls
}

}

前端調(diào)用

以Button觸發(fā)為例。

import { mediaManager, MediaDataType } from '../common/mediaLibrary';
mediaManager = new mediaManager()

通過檢索條件配置選擇媒體

#創(chuàng)作者激勵#【FFH】MediaLibrary媒體庫API基本用法-開源基礎(chǔ)軟件社區(qū)

Button('獲取媒體庫')
.onClick(() => {
this.mediaManager.setMediaLibrary().then(()=>{
this.isGetMediaManagerSuc = true
}).catch(()=>{
this.isGetMediaManagerSuc = false
})
})
Button('獲取Image資源')
.onClick(async () => {
this.mediaManager.getImageAssetSync().then((data)=>{
this.curMediaNumber = data
prompt.showToast({message:data+''})
})
})
Button('下一個Media')
.onClick(async () => {
this.mediaManager.getNextImageMedia().then((data: MediaDataType) => {
this.data = data
})
})
Button('獲取某個Media')
.onClick(() => {
this.mediaManager.getCertainImageMedia(this.selectedIndex).then(data => {
this.data = data
})
})

拉起相冊選擇媒體并預覽

#創(chuàng)作者激勵#【FFH】MediaLibrary媒體庫API基本用法-開源基礎(chǔ)軟件社區(qū)

Button('選擇Media')
.onClick(() => {
this.mediaManager.startGetMediaSelect(this.selectedNumber || 1).then((data) => {
this.selectedMediaUrls = [...data]
})
})
Button('預覽已選Media')
.onClick(() => {
this.mediaManager.startImagePreview()
})
// 用Image展示所選圖片
Grid() {
ForEach(this.selectedMediaUrls, item => {
GridItem() {
Image(item).objectFit(ImageFit.ScaleDown).width('100%').aspectRatio(1).backgroundColor('#ccc')
}
}, item => item)
}
.columnsTemplate('1fr 1fr 1fr')
.columnsGap(5)
.rowsGap(5)
.width('95%')
.height(400)
.margin({ top: 5 })

通過startGetMediaSelect后拿到的urls是以 dataAbility:// 為開頭標識的url(官方提供的一種資源訪問方式,隱藏了資源的真實路徑)Image組件支持該方式使用圖片。

上文展示的是接口基本的使用場景。接口功能基本完善,除了一小部分Bug如釋放某些實例會導致圖庫刷新之類的,能夠滿足正常的開發(fā)需求。
(測試demo在附件資源)

https://ost.51cto.com/resource/2660

??想了解更多關(guān)于開源的內(nèi)容,請訪問:??

??51CTO 開源基礎(chǔ)軟件社區(qū)??

??https://ost.51cto.com??

責任編輯:jianghua 來源: 51CTO 開源基礎(chǔ)軟件社區(qū)
相關(guān)推薦

2012-03-31 11:09:35

ibmdw

2024-01-02 15:41:04

CythonPython語言

2023-12-20 17:33:52

2010-09-28 14:00:25

DOMAPI

2013-12-17 11:18:53

iOS開發(fā)多媒體API

2024-10-10 15:04:34

2011-09-13 14:40:16

PhoneGap AP

2021-12-06 15:11:34

鴻蒙HarmonyOS應用

2010-05-14 09:57:25

MySQL數(shù)據(jù)庫

2010-06-01 15:09:55

MySQL 存儲過程

2020-09-02 14:40:27

Docker Swar命令Linux

2023-09-08 09:10:33

SpringBoot微服務架構(gòu)

2009-09-21 17:46:25

Hibernate數(shù)據(jù)

2010-06-13 15:41:26

Linux uml工具

2010-04-20 10:27:23

Unix操作系統(tǒng)

2010-09-17 09:28:19

Java API

2010-05-24 10:12:41

Ubuntu流媒體服務器

2009-09-18 08:50:14

Windows 7Real文件識別

2021-10-11 10:19:48

Javascript 高階函數(shù)前端

2012-01-06 10:59:37

Nuget
點贊
收藏

51CTO技術(shù)棧公眾號