Nodejsで写真をビデオに変換する方法-フロントエンドQ&A-php.cn

Nodejsで写真をビデオに変換する方法

PHPz

リリース： 2023-04-26 09:54:59

オリジナル

1187 人が閲覧しました

Node.js は JavaScript 上で動作するサーバーサイド言語で、画像ファイルから動画ファイルへの変換など、さまざまなアプリケーション開発に使用できます。この記事では、Node.js を使用して一連の画像をビデオに変換する方法を説明します。

まず、必要なツールをいくつか準備する必要があります。 1 つ目は FFmpeg で、オーディオとビデオを処理するために広く使用されているクロスプラットフォームソリューションです。また、Node.js プログラムが外部コマンドを呼び出せるようにする、Node.js の child_process モジュールを使用する必要もあります。

この記事では、Node.js プログラムを使用して、指定されたフォルダー内のすべての画像ファイルをスキャンし、それらをビデオファイルに変換します。画像データの読み書きにはJimpライブラリを使用します。まず、これらのライブラリをインストールする必要があります。これは、次のコマンドを実行することで実行できます。

npm install jimp

ログイン後にコピー

インストールが完了したら、Node.js スクリプトの作成を開始できます。以下は、指定されたフォルダー内のすべての画像ファイルを反復処理し、ビデオファイルに変換する簡単な例です。

const fs = require('fs');
const { exec } = require('child_process');
const Jimp = require('jimp');

const imageFolderPath = './images/';
const outputFileName = './output.mp4';

const getFiles = () => {
  return new Promise((resolve, reject) => {
    fs.readdir(imageFolderPath, (err, files) => {
      if (err) {
        reject(err);
      }
      resolve(files);
    })
  })
}

const getImageData = (filePath) => {
  return new Promise((resolve, reject) => {
    Jimp.read(filePath, (err, image) => {
      if (err) {
        reject(err);
      }
      resolve(image.bitmap.data);
    });
  });
}

const convertImagesToVideo = async () => {
  const files = await getFiles();

  let imageDataArray = [];
  let maxWidth = 0;
  let maxHeight = 0;

  // Read all image files and collect image data and dimensions
  for (let i = 0; i < files.length; i++) {
    const file = files[i];
    const filePath = `${imageFolderPath}${file}`;
    const imageData = await getImageData(filePath);
    const image = await Jimp.read(filePath);

    maxWidth = Math.max(maxWidth, image.bitmap.width);
    maxHeight = Math.max(maxHeight, image.bitmap.height);

    imageDataArray.push(imageData);
  }

  // Combine all image data into a single Buffer
  const buffer = Buffer.concat(imageDataArray);

  // Use FFmpeg to generate the output video file
  const ffmpegCommand = `-y -f rawvideo -pixel_format rgba -video_size ${maxWidth}x${maxHeight} -framerate 30 -i - -c:v h264 ${outputFileName}`;
  const ffmpegProcess = exec(`echo '${buffer.toString()}' | ffmpeg ${ffmpegCommand}`);

  ffmpegProcess.stderr.on('data', (data) => {
    console.log(`stderr: ${data}`);
  });

  ffmpegProcess.on('close', (code) => {
    console.log(`child process exited with code ${code}`);
  });
}

convertImagesToVideo();

ログイン後にコピー

上記のコードでは、getFiles()、getImageData()、convertImagesToVideo() の 3 つの関数を定義します。）。 getFiles() 関数は、fs モジュールを使用してフォルダー内のすべてのファイルを読み取ります。 getImageData() 関数は、Jimp ライブラリを使用して画像データを読み取ります。 ConvertImagesToVideo() 関数は、各画像ファイルを反復処理し、Jimp ライブラリと Buffer クラスを使用して画像データ、画像の幅と高さ、その他の情報を収集します。最後に、生成された画像データをFFmpegを使用して動画ファイルに変換します。

このスクリプトを実行する前に、FFmpeg と Node.js がインストールされていることを確認してください。スクリプトでは、imageFolderPath 変数と OutputFileName 変数を設定して、画像ファイルを含むフォルダーと、生成されたビデオファイルの名前とパスを指定する必要があります。

つまり、Node.js はアプリケーション開発の主要なテクノロジの 1 つとなり、開発者がより優れたアプリケーションを作成できるようになりました。 Node.js と FFmpeg ライブラリを使用すると、一連の画像ファイルをビデオファイルに変換し、マルチメディアファイル変換機能を実現できます。

以上がNodejsで写真をビデオに変換する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。