中級者向け No.069

動画フレーム抽出

動画ファイルをOpenCVで読み込み任意フレームを画像として抽出・保存するツール。フレーム間隔・秒間隔の一括抽出設定付き。

🎯 難易度: ★★★ 📦 ライブラリ: tkinter(標準ライブラリ), opencv-python, Pillow ⏱️ 制作時間: 30〜90分

1. アプリ概要

動画ファイルをOpenCVで読み込み任意フレームを画像として抽出・保存するツール。フレーム間隔・秒間隔の一括抽出設定付き。

このアプリはmediaカテゴリの実践的なPythonアプリです。使用ライブラリは tkinter(標準ライブラリ)・opencv-python・Pillow、難易度は ★★★ です。

このアプリは「メディア処理」カテゴリです。画像・音声・動画を扱う領域は Python の強力なライブラリ群が活きる分野で、メディア処理の作法は他の用途にも応用が効きます。tkinter(標準ライブラリ)・opencv-python・Pillow を活かして実装するこの構造は、他のアプリにも応用が効きます。

コードを読む前に実行することをおすすめします。動いている挙動を先に把握しておくと、解説で出てくる関数や処理がどこに対応するかが頭に入りやすくなります。

応用のヒントは、機能を 1 つ増やす・見た目を整える・例外を一つでも丁寧に扱う、のいずれかから始めるのがおすすめです。

動画フレーム抽出 実行画面(Windows)
実行画面(Windows)
動画フレーム抽出 実行画面(Linux Mint)
実行画面(Linux Mint)

2. 機能一覧

  • ループで生成するボタン群を _step() に接続
  • 「📂 動画を開く」ボタン(_open())・「📷 現在フレームを保存」ボタン(_save_current())・「▶ 一括抽出」ボタン(_batch_extract())で操作
  • tk.Listbox による一覧表示(スクロールバー付き)
  • filedialog.askdirectory() によるファイル選択ダイアログ
  • filedialog.askopenfilename() によるファイル選択ダイアログ
  • messagebox.showerror() によるダイアログ通知
  • ウィンドウはタイトル「動画フレーム抽出」・サイズ 1000x660 で起動

3. 事前準備・環境

ℹ️
動作確認環境

Python 3.10 以上 / Windows 11(実機)で起動・基本操作を確認 / Linux Mint 22.3(仮想マシン)で起動・画面表示を確認(macOS は未検証)

Windows 11(実機)で起動と基本操作を確認しています(全機能の網羅テストではありません)。Linux Mint 22.3(仮想マシン)では起動と画面表示を確認しました。macOS は必要なライブラリ(pip install)を入れれば動作する想定ですが、未検証です。

  • Python 3.10 以上
  • OS: Windows 11(実機で起動・基本操作を確認)・Linux Mint 22.3(仮想マシンで起動・画面表示を確認)

インストールが必要なライブラリ

pip install opencv-python

4. 完全なソースコード

💡
コードのコピー方法

右上の「コピー」ボタンをクリックするとコードをクリップボードにコピーできます。

📦 必要なライブラリをインストール(初回のみ)
pip install pillow opencv-python
app069.py
import tkinter as tk
from tkinter import ttk, messagebox, filedialog
import os
import threading

try:
    import cv2
    CV2_AVAILABLE = True
except ImportError:
    CV2_AVAILABLE = False

try:
    from PIL import Image, ImageTk
    PIL_AVAILABLE = True
except ImportError:
    PIL_AVAILABLE = False


class App069:
    """動画フレーム抽出"""

    def __init__(self, root):
        self.root = root
        self.root.title("動画フレーム抽出")
        self.root.geometry("1000x660")
        self.root.configure(bg="#1e1e1e")
        self._cap = None
        self._total_frames = 0
        self._fps = 30
        self._current_frame = 0
        self._extracted = []
        self._build_ui()

    def _build_ui(self):
        header = tk.Frame(self.root, bg="#252526", pady=6)
        header.pack(fill=tk.X)
        tk.Label(header, text="🎞 動画フレーム抽出",
                 font=("Noto Sans JP", 12, "bold"),
                 bg="#252526", fg="#4fc3f7").pack(side=tk.LEFT, padx=12)

        if not CV2_AVAILABLE:
            tk.Label(self.root,
                     text="⚠ opencv-python が必要です (pip install opencv-python Pillow)",
                     bg="#fff3cd", fg="#856404", font=("Arial", 9),
                     anchor="w", padx=8).pack(fill=tk.X)

        # ファイル選択
        top = tk.Frame(self.root, bg="#2d2d2d", pady=4)
        top.pack(fill=tk.X, padx=8, pady=4)
        ttk.Button(top, text="📂 動画を開く",
                   command=self._open).pack(side=tk.LEFT, padx=4)
        self.info_var = tk.StringVar(value="ファイル未選択")
        tk.Label(top, textvariable=self.info_var, bg="#2d2d2d",
                 fg="#ccc", font=("Arial", 9)).pack(side=tk.LEFT, padx=8)

        # メインエリア
        main = ttk.PanedWindow(self.root, orient=tk.HORIZONTAL)
        main.pack(fill=tk.BOTH, expand=True, padx=4, pady=4)

        # 左: フレームナビゲーション
        left = tk.Frame(main, bg="#1e1e1e", width=420)
        main.add(left, weight=1)

        # プレビューキャンバス
        self.canvas = tk.Canvas(left, bg="#000", width=380, height=240,
                                 highlightthickness=0)
        self.canvas.pack(pady=4)
        self._canvas_img = None

        # シークバー
        self.seek_var = tk.DoubleVar(value=0)
        self.seek_bar = ttk.Scale(left, from_=0, to=100,
                                   variable=self.seek_var,
                                   orient=tk.HORIZONTAL,
                                   command=self._on_seek)
        self.seek_bar.pack(fill=tk.X, padx=8)
        self.frame_lbl = tk.Label(left, text="フレーム: 0/0", bg="#1e1e1e",
                                   fg="#888", font=("Arial", 9))
        self.frame_lbl.pack()

        # ナビゲーションボタン
        nav_f = tk.Frame(left, bg="#1e1e1e")
        nav_f.pack()
        for text, delta in [("◀◀ -100", -100), ("◀ -10", -10),
                              ("◀ -1", -1), ("+1 ▶", 1),
                              ("+10 ▶", 10), ("+100 ▶▶", 100)]:
            tk.Button(nav_f, text=text,
                      command=lambda d=delta: self._step(d),
                      bg="#3c3c3c", fg="#ccc", relief=tk.FLAT,
                      font=("Arial", 8), padx=4, pady=3,
                      activebackground="#505050", bd=0).pack(
                side=tk.LEFT, padx=1)

        # 抽出設定
        ext_f = tk.LabelFrame(left, text="一括抽出設定", bg="#252526",
                               fg="#ccc", font=("Arial", 9), padx=8, pady=4)
        ext_f.pack(fill=tk.X, padx=8, pady=4)

        tk.Label(ext_f, text="モード:", bg="#252526", fg="#ccc",
                 font=("Arial", 9)).grid(row=0, column=0, sticky="w")
        self.extract_mode = tk.StringVar(value="interval")
        tk.Radiobutton(ext_f, text="フレーム間隔で抽出",
                       variable=self.extract_mode, value="interval",
                       bg="#252526", fg="#ccc", selectcolor="#3c3c3c",
                       activebackground="#252526").grid(row=0, column=1, sticky="w")
        tk.Radiobutton(ext_f, text="秒間隔で抽出",
                       variable=self.extract_mode, value="seconds",
                       bg="#252526", fg="#ccc", selectcolor="#3c3c3c",
                       activebackground="#252526").grid(row=0, column=2, sticky="w")

        tk.Label(ext_f, text="間隔:", bg="#252526", fg="#ccc",
                 font=("Arial", 9)).grid(row=1, column=0, sticky="w")
        self.interval_var = tk.IntVar(value=30)
        ttk.Spinbox(ext_f, from_=1, to=9999, textvariable=self.interval_var,
                    width=7).grid(row=1, column=1, sticky="w", pady=2)

        tk.Label(ext_f, text="最大枚数:", bg="#252526", fg="#ccc",
                 font=("Arial", 9)).grid(row=1, column=2, sticky="w", padx=(8, 0))
        self.max_frames_var = tk.IntVar(value=100)
        ttk.Spinbox(ext_f, from_=1, to=9999, textvariable=self.max_frames_var,
                    width=7).grid(row=1, column=3, sticky="w")

        tk.Label(ext_f, text="保存形式:", bg="#252526", fg="#ccc",
                 font=("Arial", 9)).grid(row=2, column=0, sticky="w")
        self.fmt_var = tk.StringVar(value="PNG")
        ttk.Combobox(ext_f, textvariable=self.fmt_var,
                     values=["PNG", "JPEG", "BMP"],
                     state="readonly", width=7).grid(row=2, column=1, sticky="w")

        btn_row = tk.Frame(ext_f, bg="#252526")
        btn_row.grid(row=3, column=0, columnspan=4, pady=4)
        ttk.Button(btn_row, text="📷 現在フレームを保存",
                   command=self._save_current).pack(side=tk.LEFT, padx=4)
        ttk.Button(btn_row, text="▶ 一括抽出",
                   command=self._batch_extract).pack(side=tk.LEFT, padx=4)

        # 右: 抽出済みリスト
        right = tk.Frame(main, bg="#1e1e1e")
        main.add(right, weight=1)
        tk.Label(right, text="抽出済みフレーム", bg="#1e1e1e", fg="#888",
                 font=("Arial", 9)).pack(anchor="w")
        self.ext_list = tk.Listbox(right, bg="#0d1117", fg="#ccc",
                                    selectbackground="#1f6feb",
                                    font=("Courier New", 8), relief=tk.FLAT)
        lsb = ttk.Scrollbar(right, command=self.ext_list.yview)
        self.ext_list.configure(yscrollcommand=lsb.set)
        lsb.pack(side=tk.RIGHT, fill=tk.Y)
        self.ext_list.pack(fill=tk.BOTH, expand=True)

        self.progress = ttk.Progressbar(self.root, mode="determinate")
        self.progress.pack(fill=tk.X, padx=8)
        self.status_var = tk.StringVar(value="動画ファイルを開いてください")
        tk.Label(self.root, textvariable=self.status_var,
                 bg="#252526", fg="#858585", font=("Arial", 9),
                 anchor="w", padx=8).pack(fill=tk.X, side=tk.BOTTOM)

    def _open(self):
        if not CV2_AVAILABLE or not PIL_AVAILABLE:
            messagebox.showerror("エラー",
                                  "pip install opencv-python Pillow")
            return
        path = filedialog.askopenfilename(
            filetypes=[("動画", "*.mp4 *.avi *.mov *.mkv *.wmv"),
                       ("すべて", "*.*")])
        if not path:
            return
        if self._cap:
            self._cap.release()
        cap = cv2.VideoCapture(path)
        if not cap.isOpened():
            messagebox.showerror("エラー", "動画を開けませんでした")
            return
        self._cap = cap
        self._fps = cap.get(cv2.CAP_PROP_FPS) or 30
        self._total_frames = int(cap.get(cv2.CAP_PROP_FRAME_COUNT))
        w = int(cap.get(cv2.CAP_PROP_FRAME_WIDTH))
        h = int(cap.get(cv2.CAP_PROP_FRAME_HEIGHT))
        self.seek_bar.configure(to=self._total_frames - 1)
        self.info_var.set(
            f"{os.path.basename(path)}  {w}×{h}  {self._fps:.1f}fps  "
            f"{self._total_frames} フレーム")
        self._show_frame(0)

    def _show_frame(self, idx):
        if not self._cap:
            return
        idx = max(0, min(idx, self._total_frames - 1))
        self._cap.set(cv2.CAP_PROP_POS_FRAMES, idx)
        ret, frame = self._cap.read()
        if not ret:
            return
        self._current_frame = idx
        self.seek_var.set(idx)
        self.frame_lbl.config(
            text=f"フレーム: {idx}/{self._total_frames}  "
                 f"({idx/self._fps:.2f}s)")
        frame_rgb = cv2.cvtColor(frame, cv2.COLOR_BGR2RGB)
        img = Image.fromarray(frame_rgb)
        img.thumbnail((380, 240), Image.LANCZOS)
        self._canvas_img = ImageTk.PhotoImage(img)
        self.canvas.delete("all")
        self.canvas.create_image(190, 120, image=self._canvas_img,
                                  anchor="center")

    def _on_seek(self, value):
        self._show_frame(int(float(value)))

    def _step(self, delta):
        self._show_frame(self._current_frame + delta)

    def _save_current(self):
        if not self._cap:
            return
        folder = filedialog.askdirectory(title="保存先フォルダを選択")
        if not folder:
            return
        fmt = self.fmt_var.get().lower()
        ext = ".jpg" if fmt == "jpeg" else f".{fmt}"
        path = os.path.join(folder, f"frame_{self._current_frame:06d}{ext}")
        self._cap.set(cv2.CAP_PROP_POS_FRAMES, self._current_frame)
        ret, frame = self._cap.read()
        if ret:
            cv2.imwrite(path, frame)
            self.ext_list.insert(tk.END, os.path.basename(path))
            self.status_var.set(f"保存: {path}")

    def _batch_extract(self):
        if not self._cap:
            return
        folder = filedialog.askdirectory(title="保存先フォルダを選択")
        if not folder:
            return
        self.progress["value"] = 0
        mode = self.extract_mode.get()
        interval = self.interval_var.get()
        max_f = self.max_frames_var.get()
        fmt = self.fmt_var.get().lower()
        threading.Thread(
            target=self._do_extract, args=(folder, mode, interval, max_f, fmt),
            daemon=True).start()

    def _do_extract(self, folder, mode, interval, max_f, fmt):
        ext = ".jpg" if fmt == "jpeg" else f".{fmt}"
        if mode == "interval":
            frames = list(range(0, self._total_frames, interval))[:max_f]
        else:
            frames = []
            t = 0
            while t * self._fps < self._total_frames and len(frames) < max_f:
                frames.append(int(t * self._fps))
                t += interval

        self.progress.configure(maximum=len(frames), value=0)
        saved = 0
        for i, fno in enumerate(frames):
            self._cap.set(cv2.CAP_PROP_POS_FRAMES, fno)
            ret, frame = self._cap.read()
            if ret:
                path = os.path.join(folder, f"frame_{fno:06d}{ext}")
                cv2.imwrite(path, frame)
                saved += 1
                self.root.after(0, self.ext_list.insert, tk.END,
                                 os.path.basename(path))
            self.root.after(0, self.progress.configure, {"value": i+1})

        self.root.after(
            0, self.status_var.set,
            f"抽出完了: {saved} 枚 → {folder}")


if __name__ == "__main__":
    root = tk.Tk()
    app = App069(root)
    root.mainloop()

5. コード解説

動画フレーム抽出のコードを、実際に書かれている実装に沿って解説します。

クラス設計とコンストラクタ

App069 クラスにアプリの全機能をまとめています(メソッド9個・全274行)。__init__ ではタイトル「動画フレーム抽出」とウィンドウサイズ 1000x660 を設定します。あわせて状態を保持する変数(self._capself._total_framesself._fpsself._current_frame)を初期化し、最後に _build_ui() で画面を組み立てます。

※ 該当部分のコード本体は 「4. 完全なソースコード」 をご参照ください(重複表示を避けるため再掲を省略しています)。

ウィジェット構成

画面は tk.Frame×6・tk.Label×10・ttk.Button×3・ttk.PanedWindowtk.Canvasttk.Scaletk.Button(ループで生成)・tk.LabelFrametk.Radiobutton×2・ttk.Spinbox×2・ttk.Comboboxtk.Listboxttk.Scrollbarttk.Progressbar で構成しています。見出し付きの枠(LabelFrame)は「一括抽出設定」のラベルでエリアを区切っています。PanedWindow を使っているので、ペインの境界をマウスでドラッグして幅を変えられます。

※ 該当部分のコード本体は 「4. 完全なソースコード」 をご参照ください(重複表示を避けるため再掲を省略しています)。

イベント処理とボタンの接続

「📂 動画を開く」ボタン(_open())・「📷 現在フレームを保存」ボタン(_save_current())・「▶ 一括抽出」ボタン(_batch_extract())を command= で接続しています。ボタンはループ内で command=lambda d=delta: self._step(d) の形で生成しています。既定引数でループ変数を固定するのがポイントで、これを書かないと全ボタンが最後の値で動いてしまいます。

※ 該当部分のコード本体は 「4. 完全なソースコード」 をご参照ください(重複表示を避けるため再掲を省略しています)。

例外処理

try-except で ImportError を捕捉しています。あわせて messagebox.showerror() のダイアログで、ユーザーへの通知・確認を行います。

※ 該当部分のコード本体は 「4. 完全なソースコード」 をご参照ください(重複表示を避けるため再掲を省略しています)。

6. ステップバイステップガイド

このアプリをゼロから自分で作る手順を解説します。コードをコピーするだけでなく、実際に手順を追って自分で書いてみましょう。

  1. 1
    ファイルを作成する

    新しいファイルを作成して app069.py と保存します。外部ライブラリ PILcv2 を使います。先に pip install Pillow opencv-python を実行してください。(import 名と pip のパッケージ名が異なる点に注意:PILPillowcv2opencv-python でインストールします)

  2. 2
    クラスの骨格を作る

    App069 クラスを定義し、__init__ と、末尾の root = tk.Tk()mainloop() の最小構成を書いて、まず空のウィンドウが出ることを確認します。

  3. 3
    ウィンドウを設定する

    title("動画フレーム抽出")geometry("1000x660")configure(bg="#1e1e1e") をコンストラクタで設定します。

  4. 4
    画面部品を並べる

    _build_ui() の中で、tk.Frame×6・tk.Label×10・ttk.Button×3・ttk.PanedWindowtk.Canvasttk.Scaletk.Button(ループで生成)・tk.LabelFrametk.Radiobutton×2・ttk.Spinbox×2・ttk.Comboboxtk.Listboxttk.Scrollbarttk.Progressbar を作って配置します(掲載コードと同じ並び順で書くとレイアウトが一致します)。まず表示だけ確認しましょう。

  5. 5
    イベントを接続する

    「2. 機能一覧」で挙げた各ボタンを command= で対応するメソッド(_open()_save_current()_batch_extract())につなぎます。ループ生成のボタンは command=lambda d=delta: self._step(d) の形で接続します。

  6. 6
    中心になるメソッドを実装する

    アプリの本体である _open()(26行)・_save_current()(15行)・_batch_extract()(14行)・_step()(2行) を実装します。

  7. 7
    動作確認する

    python app069.py で起動し、各ボタンが反応することを確認します。

7. カスタマイズアイデア

基本機能を習得したら、以下のカスタマイズに挑戦してみましょう。

💡 ダークモードを追加する

bg色・fg色を辞書で管理し、ボタン1つでダークモード・ライトモードを切り替えられるようにしましょう。

💡 一覧の内容をファイルに書き出す

tk.Listbox に溜めた内容は、アプリを閉じると消えます(このコードに保存処理はありません)。一覧を1行ずつテキストファイルへ書き出す保存ボタンを追加しましょう。保存先の選択には、既に import されている filedialog が使えます。

💡 設定ダイアログ

フォントサイズや色などの設定をユーザーが変更できるオプションダイアログを追加しましょう。

8. よくある問題と解決法

❌ 文字のフォントが崩れる・見た目が違う

原因:このコードは font=("Noto Sans JP", ...) のようにフォント名を直接指定しています。環境にこのフォントが入っていないと、OS が代わりのフォントで表示するため、見本と見た目が変わることがあります。

解決法:動作には支障ありません。気になる場合は font 引数の名前を自分の OS に入っているフォントへ書き換えるか、font 引数を省略してください。

❌ 写経したら全部のボタンが同じ動きになる

原因:ループでボタンを作るとき、このコードは command=lambda d=delta: self._step(d) のように既定引数でループ変数を固定しています。これを省略してループ変数を直接書くと、ループ終了後の最後の値が全ボタンで共有されてしまいます(Python のクロージャの有名な罠です)。

解決法:掲載コードのとおり、lambda の既定引数でその時点の値を渡してください。

❌ ウィンドウの大きさが画面に合わない

原因:geometry("1000x660") の固定サイズで起動するためです。

解決法:この数値を書き換えて起動サイズを調整してください。なお、このコードにはウィンドウサイズを固定する設定(resizable の指定)が無いため、ウィンドウの端をドラッグしたサイズ変更は既定どおり可能です。

9. 練習問題

アプリの理解を深めるための練習問題です。

  1. 課題1:機能拡張

    動画フレーム抽出に新しい機能を1つ追加してみましょう。

  2. 課題2:UIの改善

    色・フォント・レイアウトを変更して、より使いやすいUIにカスタマイズしましょう。

  3. 課題3:保存機能の追加

    処理結果をファイルに保存する機能を追加しましょう。

🚀
次に挑戦するアプリ

このアプリをマスターしたら、次のアプリに挑戦しましょう。

🐛
エラーが出て動かないときは

写経中に赤いエラー文が出たら、Pythonエラー一覧&解決法(英語メッセージ逆引き)で原因と直し方をすぐ確認できます。

📖
次のレベルへ進む参考書

このレベルのアプリが作れたら、入門書の次の「作るための本」へ進む時期です。実践におすすめのPython本(当サイトの参考書ランキング総合3〜4位)で自動化とコードの書き方の2冊を、その直後の用途別専門書の節でデータ分析・Web・AIの本を比較しています。