Python/OpenCV動画編集!2つの動画を横に連結する方法

  • このエントリーをはてなブックマークに追加

2つの動画を時間方向に連結する方法の次は、空間方向に連結する方法を学びます。ここではPythonのOpenCVを使って、2つの異なる動画ファイルを時間ではなく空間的に横方向に連結する方法を習得します。

こんにちは。wat(@watlablog)です。
動画編集プログラムは目で見れるから面白いですね!ここでは2つの動画を横方向に連結させる方法を紹介します

動画の空間連結概要と必要な2つの技術おさらい

動画の空間連結とは?

動画の空間連結」というと、何やら仰々しい言葉ですが、動画の時間方向の連結と差別化したく僕が名付けた言葉です。一般的な用語では無いのでご注意下さい。

ちなみに、時間方向の連結の方法は「Python/OpenCV動画編集!複数動画を連結させる方法」に記載しましたので、ご興味のある方は是非ご覧になって下さい。

動画の空間連結とは、ここでは二つの動画を横に並べて同時に再生することを意味しています。

このプログラムを書くためには、以下の2つの技術が必要です。

①画像の連結技術が必要⇒過去記事

動画といってもフレームの集合体であるため、この空間連結を実現させる方法はいたって簡単で、フレーム毎の処理を行う時に画像同士を結合すれば良いのです。

この方法は既に過去記事として「Python/OpenCVで画像連結!横と縦に繋げてみた」で紹介しました。

画像連結の方法のイメージ図を以下に再掲します。

画像連結の方法図解

今回の動画処理でも、この記事で紹介した方法と同じ方法を使います。

②動画のフレーム処理技術が必要⇒過去記事

動画編集の途中途中でフレーム毎に上記画像結合処理をすることで、動画の連結は簡単にできます。

その際必要な技術としては動画のフレーム処理技術が挙げられます。

例えば過去記事である「Python/OpenCVで動画速度(FPS)を変えて再保存」や、「Python/OpenCVで動体検知!動画の動いている部分を検出」では、動画ファイルを読み込み、取得したフレームに対して画像処理や設定変更をするというスタイルを取っていました。

今回実施するフレーム処理もこれとほぼ同じですが、今回は2つの動画を同時に読み込むという所が違いになります

Pythonによる2つの動画を横に並べて1つのファイルとするコード

今回は少々長いので、画像を連結する関数と動画処理関数という順番で解説をしていきます。最後にコピペ用の全コードも載せますので、手っ取り早く実行を試したいという方は下の方までスクロールしてみて下さい。

画像を横方向に連結する関数

以下は上記①に記載した画像を連結させるための方法を関数にしたものです。

Python/OpenCVで画像連結!横と縦に繋げてみた」で紹介したコードとは引数の部分が異なります。

先の記事では画像ファイルへのパスを渡していましたが、ここでは画像そのものとカラーかどうかの判別値のタプルを渡しています。後は過去記事内のコードと同じです。

動画のフレーム処理関数

以下は上で書いた②動画のフレーム処理を関数にしたコードです。

基本的な構成は過去記事に書いたものと同じものですが、path1, path2、またはmovie1_obj, movie2_objと2つの動画ファイルに対応させるために変数が2つずつあるのが特徴です。

.readでそれぞれret1とret2を読み込んでいますが、これはフレームを取得できた時にTrueを返す変数です。

今回のプログラムの仕様はフレーム数の少ない方の動画フレームに合わせてループを終了させるようになっています。

正直これだけだと、再生時間は同じだけどフレームレートが異なる動画を用意した時に不具合が出ます。

改善版はそのうち書こうと思いますが、今はWebカメラで撮影した30FPSの動画通しをくっつけるような目的で使うのでこのままにしておきます(是非改善してみて下さい!(他力本願))。

動画のフレームレートが異なる場合は動画ファイルのリサンプリングとかを行えば良いかも?イメージはできるのでいずれやってみますかね。

全コード

以下に全コードを載せます。実行フォルダに「movie1.mp4」と「movie2.mp4」を置いて、カラー画像かそれ以外かを示すTrue/Falseをmovie1, movie2という変数で設定すれば、同フォルダに[movie_out.mp4」が生成されます。

実行結果例

同一サイズ同一フレーム数の動画を連結した場合

上記コードの実行例をいくつか紹介します。

まずは以下の動画です。この結果は、Webカメラで撮影した動画とその動画に対して動画処理を施した動画を連結させたものなので、動画のサイズやフレーム数は同一です。

これは正に並んで再生させるための題材として良さそうですね。

異なるサイズ異なるフレーム数の動画を連結した場合

次は先ほどの左側の動画と、別途PCの画面キャプチャで作成した動画の連結です。

これは動画のサイズ自体も異なりますが、フレーム数も異なるというケースです。

実行結果は縦方向のサイズがプログラムによって揃えられ、フレーム数が右側の動画に合わせて短くなっているといった結果になりました。

これも想定(仕様)通り。「もっとこうしたい」という明確な目的が出てくれば改善しようと思います。

まとめ

本記事はこれまでの動画編集、画像処理技術を活用させて動画を横方向に連結させるコードを紹介しました。

ほとんどが過去記事を少し変えた内容になっていますので、ご興味のある方は是非関連記事も読んでみて下さい!

今回の動画連結は色々改善点も目立つけど、2つの動画を同時に読み込んでフレーム処理するというイメージを持つことができました!
Twitterでも関連情報をつぶやいているので、wat(@watlablog)のフォローお待ちしています!

SNSでもご購読できます。

コメント

  1. 渡辺 より:

    渡辺と申します。

    一点、
    if h1 < h2: # 1つ目の画像の方が小さい場合
      h1 = h2 # 小さい方を大きい方と同じ縦サイズにする
      w1 = int((h2 / h1) * w2) # 縦サイズの変化倍率を計算して横サイズを決定
    h1をh2に変更してから割り算しているため、常にh2/h1=1 となっています。
    計算順を入れ替えたら画像が正しく整形されました。

    1. wat より:

      ご訪問、ご指摘ありがとうございました!
      サイズ変更検証に穴があったようです。
      教えていただき助かります。

渡辺 へ返信する コメントをキャンセル

*