HarmonyOS Next开发，如何实现多图生成视频保持到本地的功能？

灵芸小骏

发布于
6 月 5 日江苏

HarmonyOS Next开发，如何实现多图生成视频保持到本地的功能？

鸿蒙问答挑战限时启动，专属问答勋章等你来拿！

阅读 633

2 个回答

金刚鹦鹉

发布于
6 月 6 日江苏

要在HarmonyOS Next中实现将多张图片合成为视频并保存到本地的功能，你可以按照以下步骤进行：

准备工作
首先确保你的项目配置了正确的权限和依赖：

在module.json5中添加权限

{
  "module": {
    "requestPermissions": [
      {
        "name": "ohos.permission.READ_MEDIA",
        "reason": "需要读取图片"
      },
      {
        "name": "ohos.permission.WRITE_MEDIA",
        "reason": "需要保存视频"
      }
    ]
  }
}

使用媒体编解码能力
HarmonyOS提供了媒体编解码能力，可以用来创建视频：

import media from '@ohos.multimedia.media';
import fs from '@ohos.file.fs';
import { BusinessError } from '@ohos.base';

async function createVideoFromImages(imagePaths: string[], outputPath: string, width: number, height: number, frameRate: number): Promise<void> {
  // 1. 创建视频编码器
  let videoEncoder: media.VideoEncoder;
  try {
    videoEncoder = await media.createVideoEncoder();
  } catch (error) {
    console.error(`创建视频编码器失败: ${(error as BusinessError).message}`);
    throw error;
  }

  // 2. 配置编码器
  const videoConfig: media.VideoEncoderConfig = {
    mime: media.CodecMimeType.VIDEO_AVC, // H.264编码
    width: width,
    height: height,
    colorFormat: media.ColorFormat.YUV420, // 常用的YUV格式
    frameRate: frameRate,
    bitrate: 2000000, // 2Mbps
    profile: media.CodecProfile.AVC_PROFILE_BASELINE,
    latency: 1 // 低延迟
  };

  try {
    await videoEncoder.configure(videoConfig);
  } catch (error) {
    console.error(`配置编码器失败: ${(error as BusinessError).message}`);
    throw error;
  }

  // 3. 准备输出文件
  let file: fs.File;
  try {
    file = fs.openSync(outputPath, fs.OpenMode.READ_WRITE | fs.OpenMode.CREATE);
  } catch (error) {
    console.error(`创建输出文件失败: ${(error as BusinessError).message}`);
    throw error;
  }

  // 4. 设置编码输出回调
  videoEncoder.on('needInputData', (inputBufferId) => {
    // 处理输入数据
    processNextImage(inputBufferId);
  });

  videoEncoder.on('newOutputData', (outputInfo) => {
    // 处理输出数据
    const buffer = new ArrayBuffer(outputInfo.size);
    videoEncoder.getOutputBuffer(outputInfo.index, buffer).then(() => {
      fs.writeSync(file.fd, buffer);
      videoEncoder.releaseOutputBuffer(outputInfo.index);
    });
  });

  // 5. 开始编码
  try {
    await videoEncoder.start();
  } catch (error) {
    console.error(`启动编码器失败: ${(error as BusinessError).message}`);
    throw error;
  }

  let currentImageIndex = 0;
  
  async function processNextImage(inputBufferId: number) {
    if (currentImageIndex >= imagePaths.length) {
      // 所有图片处理完成
      videoEncoder.stop();
      fs.closeSync(file);
      return;
    }

    const imagePath = imagePaths[currentImageIndex];
    currentImageIndex++;

    try {
      // 6. 将图片转换为YUV格式（这里需要实现图片到YUV的转换）
      const yuvData = await convertImageToYUV(imagePath, width, height);
      
      // 7. 将YUV数据送入编码器
      await videoEncoder.setInputBuffer(inputBufferId, yuvData);
      await videoEncoder.queueInputBuffer(inputBufferId, {
        timestamp: currentImageIndex * (1000 / frameRate), // 计算时间戳
        flags: currentImageIndex === imagePaths.length ? media.CodecBufferFlag.EOS_FLAG : 0
      });
    } catch (error) {
      console.error(`处理图片失败: ${(error as BusinessError).message}`);
      videoEncoder.stop();
      fs.closeSync(file);
      throw error;
    }
  }
}

// 图片转换为YUV的函数需要根据实际情况实现
async function convertImageToYUV(imagePath: string, width: number, height: number): Promise<ArrayBuffer> {
  // 这里需要实现图片解码和RGB到YUV的转换
  // 可以使用@ohos.multimedia.image或其他图像处理库
  // 返回YUV420格式的数据
  return new ArrayBuffer(width * height * 3 / 2); // 示例代码，实际需要填充真实数据
}

调用函数生成视频

async function generateVideo() {
  try {
    const imagePaths = [
      'path/to/image1.jpg',
      'path/to/image2.jpg',
      'path/to/image3.jpg'
    ];
    
    const outputPath = 'path/to/output.mp4';
    const width = 1280;
    const height = 720;
    const frameRate = 30;
    
    await createVideoFromImages(imagePaths, outputPath, width, height, frameRate);
    console.log('视频生成成功');
  } catch (error) {
    console.error(`视频生成失败: ${(error as BusinessError).message}`);
  }
}

注意事项
图片到YUV的转换：上面的代码中convertImageToYUV函数需要你根据实际情况实现，可以使用@ohos.multimedia.image模块来解码图片并转换为YUV格式。

性能考虑：处理高分辨率图片和视频可能会消耗大量资源，建议在后台线程中进行。

错误处理：确保正确处理所有可能的错误，特别是在文件操作和编解码过程中。

权限管理：在调用前确保已经获取了必要的权限。

资源释放：完成后确保释放所有资源，包括编码器和文件描述符。

画楼西畔

发布于
6 月 10 日上海

1配置了正确的权限和依赖。在 module.json5

{
  "module": {
    "requestPermissions": [
      {
        "name": "ohos.permission.READ_MEDIA",
        "reason": "需要读取图片"
      },
      {
        "name": "ohos.permission.WRITE_MEDIA",
        "reason": "需要保存视频"
      }
    ]
  }
}

使用媒体编解码能力

import media from '@ohos.multimedia.media';
import fs from '@ohos.file.fs';
import { BusinessError } from '@ohos.base';

async function createVideoFromImages(imagePaths: string[], outputPath: string, width: number, height: number, frameRate: number): Promise<void> {
  // 1. 创建视频编码器
  let videoEncoder: media.VideoEncoder;
  try {
    videoEncoder = await media.createVideoEncoder();
  } catch (error) {
    console.error(`创建视频编码器失败: ${(error as BusinessError).message}`);
    throw error;
  }

  // 2. 配置编码器
  const videoConfig: media.VideoEncoderConfig = {
    mime: media.CodecMimeType.VIDEO_AVC, // H.264编码
    width: width,
    height: height,
    colorFormat: media.ColorFormat.YUV420, // 常用的YUV格式
    frameRate: frameRate,
    bitrate: 2000000, // 2Mbps
    profile: media.CodecProfile.AVC_PROFILE_BASELINE,
    latency: 1 // 低延迟
  };

  try {
    await videoEncoder.configure(videoConfig);
  } catch (error) {
    console.error(`配置编码器失败: ${(error as BusinessError).message}`);
    throw error;
  }

  // 3. 准备输出文件
  let file: fs.File;
  try {
    file = fs.openSync(outputPath, fs.OpenMode.READ_WRITE | fs.OpenMode.CREATE);
  } catch (error) {
    console.error(`创建输出文件失败: ${(error as BusinessError).message}`);
    throw error;
  }

  // 4. 设置编码输出回调
  videoEncoder.on('needInputData', (inputBufferId) => {
    // 处理输入数据
    processNextImage(inputBufferId);
  });

  videoEncoder.on('newOutputData', (outputInfo) => {
    // 处理输出数据
    const buffer = new ArrayBuffer(outputInfo.size);
    videoEncoder.getOutputBuffer(outputInfo.index, buffer).then(() => {
      fs.writeSync(file.fd, buffer);
      videoEncoder.releaseOutputBuffer(outputInfo.index);
    });
  });

  // 5. 开始编码
  try {
    await videoEncoder.start();
  } catch (error) {
    console.error(`启动编码器失败: ${(error as BusinessError).message}`);
    throw error;
  }

  let currentImageIndex = 0;

  async function processNextImage(inputBufferId: number) {
    if (currentImageIndex >= imagePaths.length) {
      // 所有图片处理完成
      videoEncoder.stop();
      fs.closeSync(file);
      return;
    }

    const imagePath = imagePaths[currentImageIndex];
    currentImageIndex++;

    try {
      // 6. 将图片转换为YUV格式（这里需要实现图片到YUV的转换）
      const yuvData = await convertImageToYUV(imagePath, width, height);

      // 7. 将YUV数据送入编码器
      await videoEncoder.setInputBuffer(inputBufferId, yuvData);
      await videoEncoder.queueInputBuffer(inputBufferId, {
        timestamp: currentImageIndex * (1000 / frameRate), // 计算时间戳
        flags: currentImageIndex === imagePaths.length ? media.CodecBufferFlag.EOS_FLAG : 0
      });
    } catch (error) {
      console.error(`处理图片失败: ${(error as BusinessError).message}`);
      videoEncoder.stop();
      fs.closeSync(file);
      throw error;
    }
  }
}

// 图片转换为YUV的函数需要根据实际情况实现
async function convertImageToYUV(imagePath: string, width: number, height: number): Promise<ArrayBuffer> {
  // 这里需要实现图片解码和RGB到YUV的转换
  // 可以使用@ohos.multimedia.image或其他图像处理库
  // 返回YUV420格式的数据
  return new ArrayBuffer(width * height * 3 / 2); // 示例代码，实际需要填充真实数据
}

调用函数生成视频

async function generateVideo() {
  try {
 const imagePaths = [
   'path/to/image1.jpg',
   'path/to/image2.jpg',
   'path/to/image3.jpg'
 ];

 const outputPath = 'path/to/output.mp4';
 const width = 1280;
 const height = 720;
 const frameRate = 30;

 await createVideoFromImages(imagePaths, outputPath, width, height, frameRate);
 console.log('视频生成成功');
  } catch (error) {
 console.error(`视频生成失败: ${(error as BusinessError).message}`);
  }
}

查看全部 2 个回答

推荐问题

HarmonyOS

子站问答

相似问题

找不到问题？创建新问题