# [CameraFrameListener](/miniprogram/dev/api/media/camera/CameraFrameListener) CameraContext.onCameraFrame(function callback)

> 基础库 2.7.0 开始支持，低版本需做[兼容处理](1003706)。

> __小程序插件__：不支持

> 相关文档: [camera 组件介绍](/miniprogram/dev/component/camera.md)

## 功能描述

获取 Camera 实时帧数据

## 参数

### function callback

回调函数

#### 参数

##### Object res

| 属性 | 类型 | 说明 |
| ---- | ---- | ---- |
| width  | number | 图像数据矩形的宽度 |
| height  | number | 图像数据矩形的高度 |
| data  | ArrayBuffer | 图像像素点数据，一维数组，每四项表示一个像素点的 rgba |

## 返回值

### [CameraFrameListener](/miniprogram/dev/api/media/camera/CameraFrameListener)

注： 使用该接口需同时在 [camera](/miniprogram/dev/component/camera.md) 组件属性中指定 frame-size。

## 示例代码

```js
const context = wx.createCameraContext()
const listener = context.onCameraFrame((frame) => {
  console.log(frame.data instanceof ArrayBuffer, frame.width, frame.height)
})
listener.start()
```