获取 Camera 实时帧数据frame.data
const listener = context.onCameraFrame((frame) => { console.log(frame.data instanceof ArrayBuffer, frame.width, frame.height)
|
这个frame.data类型是ArrayBuffer
data ArrayBuffer 图像像素点数据，一维数组，每四项表示一个像素点的 rgba |
如何将这个数据存储成一个图片？
尝试使用下面的java代码解析无法打开
Path path = Paths.get(fileDest);Files.write(path, bFile); |
感谢楼主的Java代码。
可以考虑安装 base64-arraybuffer 并引入使用encode即可
const { encode } = require("base64-arraybuffer")
onLoad() { //创建camera var ctx = wx.createCameraContext() const listener = ctx.onCameraFrame((frame) => { console.log(frame.data instanceof ArrayBuffer, frame.width, frame.height) // 构建要传递的 JSON 数据 const data = { base64: wx.arrayBufferToBase64(frame.data),//此方法已弃用 width:frame.width, height:frame.height, tag: '小帅', }; // 将 JSON 数据转换为字符串 const jsonData = JSON.stringify(data); wx.request({ url: '', method: 'POST', data: jsonData, // 传递 JSON 数据 header: { 'Content-Type': 'application/json' }, success: (res) => { console.info(res) } }) }) listener.start() },在后台用java保存了图片
publicstaticvoidreadRawImage(byte[] bgraPixelData,intwidth,intheight, String path)throwsIOException {//4通道intsamplesPerPixel =4;// rgba orderint[] bandOffsets = {0,1,2,3};//byte[] bgraPixelData = new byte[width * height * samplesPerPixel];DataBuffer buffer =newDataBufferByte(bgraPixelData, bgraPixelData.length);WritableRaster raster = Raster.createInterleavedRaster(buffer, width, height, samplesPerPixel * width, samplesPerPixel, bandOffsets,null);ColorModel colorModel =newComponentColorModel(ColorSpace.getInstance(ColorSpace.CS_sRGB),true,false, Transparency.TRANSLUCENT, DataBuffer.TYPE_BYTE);BufferedImage image =newBufferedImage(colorModel, raster, colorModel.isAlphaPremultiplied(),null);ImageIO.write(image,"PNG",newFile(path));}请问如何保存为图片解决了吗
利用小程序前端即可实现。
利用wxAPI将arraybuffer转为base64：https://developers.weixin.qq.com/miniprogram/dev/api/base/wx.arrayBufferToBase64.html
利用
wx.getFileSystemManager().writeFileSync()将base64存为本地文件即可
var cameraListener = cc.onCameraFrame(function(frame) {
var u8ca = new Uint8ClampedArray(frame.data);
var base64 = wx.arrayBufferToBase64(u8ca);
var writeFileSync = fm.writeFileSync(filePath, base64, 'base64');
var u8a = new Uint8Array(frame.data);
var base64 = wx.arrayBufferToBase64(u8a);
var writeFileSync = fm.writeFileSync(filePath, base64, 'base64');
}）
将这两种方式的base64保存为文件上传到服务器发现打不开，请问这种转换方式是有什么问题吗
var upng = require('upng-js');
let data = upng.encode([frame.data], frame.width, frame.height, 0)
const base64 = 'data:image/png;base64,' + wx.arrayBufferToBase64(data)