camera.md 15.1 KB
Newer Older
T
tongxu-liu1 已提交
1 2 3 4
# 相机开发指导

## 场景介绍

S
supeng 已提交
5 6 7 8 9 10 11
OpenHarmony相机模块支持相机业务的开发,开发者可以通过已开放的接口实现相机硬件的访问、操作和新功能开发,最常见的操作如:预览、拍照和录像等。开发者也可以通过合适的接口或者接口组合实现闪光灯控制、曝光时间控制、手动对焦和自动对焦控制、变焦控制以及更多的功能。

开发者在调用Camera能力时,需要了解Camera的一些基本概念:

- **相机静态能力**:用于描述相机的固有能力的一系列参数,比如朝向、支持的分辨率等信息。
- **物理相机**:物理相机就是独立的实体摄像头设备。物理相机ID是用于标志每个物理摄像头的唯一字串。
- **异步操作**:为保证UI线程不被阻塞,大部分Camera调用都是异步的。对于每个API均提供了callback函数和Promise函数。
T
tongxu-liu1 已提交
12 13 14 15 16 17 18 19 20

## 开发步骤

### 接口说明

详细API含义请参考:[相机管理API文档](../reference/apis/js-apis-camera.md)

### 全流程场景

S
supeng 已提交
21
包含流程:权限申请、创建实例、参数设置、会话管理、拍照、录像、释放资源等。
T
tongxu-liu1 已提交
22

S
supeng 已提交
23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51
#### 权限申请

在使用相机之前,需要申请相机的相关权限,保证应用拥有相机硬件及其他功能权限,应用权限的介绍请参考权限章节,相机涉及权限如下表。

| 权限名称 | 权限属性值                     |
| -------- | ------------------------------ |
| 相机权限 | ohos.permission.CAMERA         |
| 录音权限 | ohos.permission.MICROPHONE     |
| 存储权限 | ohos.permission.WRITE_MEDIA    |
| 读取权限 | ohos.permission.READ_MEDIA     |
| 位置权限 | ohos.permission.MEDIA_LOCATION |

参考代码如下:

```typescript
const PERMISSIONS: Array<string> = [
    'ohos.permission.CAMERA',
    'ohos.permission.MICROPHONE',
    'ohos.permission.MEDIA_LOCATION',
    'ohos.permission.READ_MEDIA',
    'ohos.permission.WRITE_MEDIA'
]

function applyPermission() {
        console.info('[permission] get permission');
        globalThis.abilityContext.requestPermissionFromUser(PERMISSIONS)
    }
```

T
tongxu-liu1 已提交
52 53
#### 创建实例

S
supeng 已提交
54 55
在实现一个相机应用之前必须先创建一个独立的相机设备,然后才能继续相机的其他操作。如果此步骤操作失败,相机可能被占用或无法使用。如果被占用,必须等到相机释放后才能重新获取CameraManager对象。通过getSupportedCameras() 方法,获取当前使用的设备支持的相机列表。相机列表中存储了当前设备拥有的所有相机ID,如果列表不为空,则列表中的每个ID都支持独立创建相机对象;否则,说明正在使用的设备无可用的相机,不能继续后续的操作。相机设备具备预览、拍照、录像、Metadata等输出流,需要通过getSupportedOutputCapability()接口获取各个输出流的具体能力,通过该接口,可以获取当前设备支持的所有输出流能力,分别在CameraOutputCapability中的各个profile字段中,相机设备创建的建议步骤如下:

S
supeng 已提交
56
```typescript
T
tongxu-liu1 已提交
57 58 59
import camera from '@ohos.multimedia.camera'
import image from '@ohos.multimedia.image'
import media from '@ohos.multimedia.media'
T
tongxu-liu1 已提交
60

61
// 创建CameraManager对象
S
supeng 已提交
62 63 64 65
let cameraManager = await camera.getCameraManager(null)
if (!cameraManager) {
    console.error('Failed to get the CameraManager instance');
}
T
tongxu-liu1 已提交
66

67
// 获取相机列表
S
supeng 已提交
68 69 70 71
let cameraArray = await cameraManager.getSupportedCameras()
if (!cameraArray) {
    console.error('Failed to get the cameras');
}
T
tongxu-liu1 已提交
72

S
supeng 已提交
73 74 75 76 77
for (let index = 0; index < cameraArray.length; index++) {
    console.log('cameraId : ' + cameraArray[index].cameraId)                          // 获取相机ID
    console.log('cameraPosition : ' + cameraArray[index].cameraPosition)              // 获取相机位置
    console.log('cameraType : ' + cameraArray[index].cameraType)                      // 获取相机类型
    console.log('connectionType : ' + cameraArray[index].connectionType)              // 获取相机连接类型
Mr-YX's avatar
Mr-YX 已提交
78 79
}

80
// 创建相机输入流
Mr-YX's avatar
Mr-YX 已提交
81 82
let cameraInput
await cameraManager.createCameraInput(cameraArray[0].cameraId).then((input) => {
T
tongxu-liu1 已提交
83 84 85 86
    console.log('Promise returned with the CameraInput instance');
    cameraInput = input
})

S
supeng 已提交
87 88 89
// 获取相机设备支持的输出流能力
let cameraOutputCap = await camera.getSupportedOutputCapability(cameraInput);
if (!cameraOutputCap) {
S
supeng 已提交
90
    console.error("outputCapability outputCapability == null || undefined")
S
supeng 已提交
91 92 93 94 95 96
} else {
    console.info("outputCapability: " + JSON.stringify(cameraOutputCap));
}

let previewProfilesArray = cameraOutputCap.previewProfiles;
if (!previewProfilesArray) {
S
supeng 已提交
97
    console.error("createOutput previewProfilesArray == null || undefined")
S
supeng 已提交
98 99 100 101
} 

let photoProfilesArray = cameraOutputCap.photoProfiles;
if (!photoProfilesArray) {
S
supeng 已提交
102
    console.error("createOutput photoProfilesArray == null || undefined")
S
supeng 已提交
103 104 105 106
} 

let videoProfilesArray = cameraOutputCap.videoProfiles;
if (!videoProfilesArray) {
S
supeng 已提交
107
    console.error("createOutput videoProfilesArray == null || undefined")
S
supeng 已提交
108 109 110 111
} 

let metadataObjectTypesArray = cameraOutputCap.supportedMetadataObjectTypes;
if (!metadataObjectTypesArray) {
S
supeng 已提交
112
    console.error("createOutput metadataObjectTypesArray == null || undefined")
S
supeng 已提交
113 114
}

115
// 创建预览输出流
S
supeng 已提交
116 117 118 119
let previewOutput = await camera.createPreviewOutput(previewProfilesArray[0], surfaceId)
if (!previewOutput) {
    console.error("Failed to create the PreviewOutput instance.")
}
T
tongxu-liu1 已提交
120

121
// 创建ImageReceiver对象,并设置照片参数
T
tongxu-liu1 已提交
122
let imageReceiver = await image.createImageReceiver(1920, 1080, 4, 8)
123
// 获取照片显示SurfaceId
T
tongxu-liu1 已提交
124
let photoSurfaceId = await imageReceiver.getReceivingSurfaceId()
125
// 创建拍照输出流
S
supeng 已提交
126 127 128 129 130
let photoOutput = await this.camera.createPhotoOutput(photoProfilesArray[0], photoSurfaceId)
if (!photoOutput) {
    console.error('Failed to create the PhotoOutput instance.');
    return;
}
T
tongxu-liu1 已提交
131

132
// 创建视频录制的参数
T
tongxu-liu1 已提交
133
let videoConfig = {
S
supeng 已提交
134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153
    audioSourceType: 1,
    videoSourceType: 1,
    profile: {
        audioBitrate: 48000,
        audioChannels: 2,
        audioCodec: 'audio/mp4v-es',
        audioSampleRate: 48000,
        durationTime: 1000,
        fileFormat: 'mp4',
        videoBitrate: 48000,
        videoCodec: 'video/mp4v-es',
        videoFrameWidth: 640,
        videoFrameHeight: 480,
        videoFrameRate: 30
    },
    url: 'file:///data/media/01.mp4',
    orientationHint: 0,
    maxSize: 100,
    maxDuration: 500,
    rotation: 0
T
tongxu-liu1 已提交
154 155
}

156
// 创建录像输出流
T
tongxu-liu1 已提交
157 158 159 160 161
let videoRecorder
await media.createVideoRecorder().then((recorder) => {
    console.log('createVideoRecorder called')
    videoRecorder = recorder
})
162
// 设置视频录制的参数
T
tongxu-liu1 已提交
163 164 165 166 167 168
await videoRecorder.prepare(videoConfig)
//获取录像SurfaceId
await videoRecorder.getInputSurface().then((id) => {
    console.log('getInputSurface called')
    videoSurfaceId = id
})
S
supeng 已提交
169

170
// 创建VideoOutput对象
S
supeng 已提交
171 172 173 174 175
let videoOutput = camera.createVideoOutput(videoProfilesArray[0], videoSurfaceId)
if (!videoOutput) {
    console.error('Failed to create the videoOutput instance.');
    return;
}
S
supeng 已提交
176 177
```
预览流、拍照流和录像流的输入均需要提前创建surface,其中预览流为XComponent组件提供的surface,拍照流为ImageReceiver提供的surface,录像流为VideoRecorder的surface。
T
tongxu-liu1 已提交
178

S
supeng 已提交
179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240
**XComponent**

```typescript
mXComponentController: XComponentController = new XComponentController                   // 创建XComponentController

build() {
    Flex() {
        XComponent({                                                                     // 创建XComponent
            id: '',
            type: 'surface',
            libraryname: '',
            controller: this.mXComponentController
        })
        .onload(() => {                                                                  // 设置onload回调
            // 设置Surface宽高(1920*1080)
            this.mXComponentController.setXComponentSurfaceSize({surfaceWidth:1920,surfaceHeight:1080})
            // 获取Surface ID
            globalThis.surfaceId = mXComponentController.getXComponentSurfaceId()
        })
        .width('1920px')                                                                 // 设置XComponent宽度
        .height('1080px')                                                                // 设置XComponent高度
    }
}
```

**ImageReceiver**

```typescript
function getImageReceiverSurfaceId() {
    var receiver = image.createImageReceiver(640, 480, 4, 8)
    console.log(TAG + 'before ImageReceiver check')
    if (receiver !== undefined) {
      console.log('ImageReceiver is ok')
      surfaceId1 = await receiver.getReceivingSurfaceId()
      console.log('ImageReceived id: ' + JSON.stringify(surfaceId1))
    } else {
      console.log('ImageReceiver is not ok')
    }
  }
```

**VideoRecorder**

```typescript
function getVideoRecorderSurface() {
        await getFd('CameraManager.mp4');
        mVideoConfig.url = mFdPath;
        media.createVideoRecorder((err, recorder) => {
            console.info('Entering create video receiver')
            mVideoRecorder = recorder
            console.info('videoRecorder is :' + JSON.stringify(mVideoRecorder))
            console.info('videoRecorder.prepare called.')
            mVideoRecorder.prepare(mVideoConfig, (err) => {
                console.info('videoRecorder.prepare success.')
                mVideoRecorder.getInputSurface((err, id) => {
                    console.info('getInputSurface called')
                    mVideoSurface = id
                    console.info('getInputSurface surfaceId: ' + JSON.stringify(mVideoSurface))
                })
            })
        })
    }
T
tongxu-liu1 已提交
241 242
```

S
supeng 已提交
243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303
#### 会话管理

##### 创建会话

```typescript
// 创建Context对象
let context = featureAbility.getContext()

//创建会话
let captureSession = await camera.createCaptureSession()
if (!captureSession) {
    console.error('Failed to create the CaptureSession instance.');
    return;
}
console.log('Callback returned with the CaptureSession instance.' + session);

// 开始配置会话
await captureSession.beginConfig()

// 向会话中添加相机输入流
await captureSession.addInput(cameraInput)

// 向会话中添加预览输入流
await captureSession.addOutput(previewOutput)

// 向会话中添加拍照输出流
await captureSession.addOutput(photoOutput)

// 提交会话配置
await captureSession.commitConfig()

// 启动会话
await captureSession.start().then(() => {
    console.log('Promise returned to indicate the session start success.');
})
```

##### 切换会话

```typescript
// 停止当前会话
await captureSession.stop()

// 开始配置会话
await captureSession.beginConfig()

// 从会话中移除拍照输出流
await captureSession.removeOutput(photoOutput)

// 向会话中添加录像输出流
await captureSession.addOutput(videoOutput)

// 提交会话配置
await captureSession.commitConfig()

// 启动会话
await captureSession.start().then(() => {
    console.log('Promise returned to indicate the session start success.');
})
```

T
tongxu-liu1 已提交
304 305
#### 参数设置

S
supeng 已提交
306
```typescript
307
// 判断设备是否支持闪光灯
S
supeng 已提交
308 309 310 311 312 313 314
let flashStatus = await captureSession.hasFlash()
if (!flashStatus) {
    console.error('Failed to check whether the device has the flash mode.');
}
console.log('Promise returned with the flash light support status:' + flashStatus);

if (flashStatus) {
315
    // 判断是否支持自动闪光灯模式
T
tongxu-liu1 已提交
316
    let flashModeStatus
S
supeng 已提交
317
    captureSession.isFlashModeSupported(camera.FlashMode.FLASH_MODE_AUTO, async (err, status) => {
T
tongxu-liu1 已提交
318 319 320 321 322 323 324 325
        if (err) {
            console.error('Failed to check whether the flash mode is supported. ${err.message}');
            return;
        }
        console.log('Callback returned with the flash mode support status: ' + status);
        flashModeStatus = status
    })
    if(flashModeStatus) {
326
        // 设置自动闪光灯模式
S
supeng 已提交
327
        captureSession.setFlashMode(camera.FlashMode.FLASH_MODE_AUTO, async (err) => {
T
tongxu-liu1 已提交
328 329 330 331 332 333 334 335 336
            if (err) {
                console.error('Failed to set the flash mode  ${err.message}');
                return;
            }
            console.log('Callback returned with the successful execution of setFlashMode.');
        })
    }
}

337
// 判断是否支持连续自动变焦模式
T
tongxu-liu1 已提交
338
let focusModeStatus
S
supeng 已提交
339
captureSession.isFocusModeSupported(camera.FocusMode.FOCUS_MODE_CONTINUOUS_AUTO, async (err, status) => {
T
tongxu-liu1 已提交
340 341 342 343 344 345 346
    if (err) {
        console.error('Failed to check whether the focus mode is supported. ${err.message}');
        return;
    }
    console.log('Callback returned with the focus mode support status: ' + status);
    focusModeStatus = status
})
S
supeng 已提交
347
if (focusModeStatus) {
348
    // 设置连续自动变焦模式
S
supeng 已提交
349
    captureSession.setFocusMode(camera.FocusMode.FOCUS_MODE_CONTINUOUS_AUTO, async (err) => {
T
tongxu-liu1 已提交
350 351 352 353 354 355 356 357
        if (err) {
            console.error('Failed to set the focus mode  ${err.message}');
            return;
        }
        console.log('Callback returned with the successful execution of setFocusMode.');
    })
}

358
// 获取相机支持的可变焦距比范围
S
supeng 已提交
359 360 361 362 363
let zoomRatioRange = await captureSession.getZoomRatioRange()
if (!zoomRatioRange) {
    console.error('Failed to get the zoom ratio range.');
    return;
}
T
tongxu-liu1 已提交
364

365
// 设置可变焦距比
S
supeng 已提交
366
captureSession.setZoomRatio(zoomRatioRange[0], async (err) => {
T
tongxu-liu1 已提交
367 368 369 370 371 372 373 374 375 376
    if (err) {
        console.error('Failed to set the zoom ratio value ${err.message}');
        return;
    }
    console.log('Callback returned with the successful execution of setZoomRatio.');
})
```

#### 拍照

S
supeng 已提交
377
```typescript
T
tongxu-liu1 已提交
378
let settings = {
379 380
    quality: camera.QualityLevel.QUALITY_LEVEL_HIGH,                                     // 设置图片质量高
    rotation: camera.ImageRotation.ROTATION_0                                            // 设置图片旋转角度0
T
tongxu-liu1 已提交
381
}
382
// 使用当前拍照设置进行拍照
S
supeng 已提交
383
photoOutput.capture(settings, async (err) => {
T
tongxu-liu1 已提交
384 385 386 387 388 389 390 391 392 393
    if (err) {
        console.error('Failed to capture the photo ${err.message}');
        return;
    }
    console.log('Callback invoked to indicate the photo capture request success.');
});
```

#### 录像

S
supeng 已提交
394
```typescript
395
// 启动录像输出流
S
supeng 已提交
396
videoOutput.start(async (err) => {
T
tongxu-liu1 已提交
397 398 399 400 401 402 403
    if (err) {
        console.error('Failed to start the video output ${err.message}');
        return;
    }
    console.log('Callback invoked to indicate the video output start success.');
});

404
// 开始录像
T
tongxu-liu1 已提交
405 406 407 408
await videoRecorder.start().then(() => {
    console.info('videoRecorder start success');
}

409
// 停止录像
T
tongxu-liu1 已提交
410 411 412 413
await videoRecorder.stop().then(() => {
    console.info('stop success');
}

414
// 停止录像输出流
T
tongxu-liu1 已提交
415 416 417 418 419 420 421 422 423
await videoOutput.stop((err) => {
    if (err) {
        console.error('Failed to stop the video output ${err.message}');
        return;
    }
    console.log('Callback invoked to indicate the video output stop success.');
});
```

S
supeng 已提交
424 425
拍照保存接口可参考:[图片处理API文档](image.md#imagereceiver的使用)

T
tongxu-liu1 已提交
426 427
#### 释放资源

S
supeng 已提交
428
```typescript
429
// 停止当前会话
S
supeng 已提交
430 431
await captureSession.stop()

432
// 释放相机输入流
S
supeng 已提交
433 434
await cameraInput.release()

435
// 释放预览输出流
S
supeng 已提交
436 437
await previewOutput.release()

438
// 释放拍照输出流
S
supeng 已提交
439 440
await photoOutput.release()

441
// 释放录像输出流
S
supeng 已提交
442 443
await videoOutput.release()

444
// 释放会话
S
supeng 已提交
445 446 447 448
await captureSession.release()

// 会话置空
captureSession = null
T
tongxu-liu1 已提交
449 450
```

S
supeng 已提交
451
## 流程图
T
tongxu-liu1 已提交
452

S
supeng 已提交
453 454
应用使用相机的流程示意图如下
![camera_framework process](figures/camera_framework_process.jpg)