mcpField
O
obs-cpp-qt-patterns

obs-cpp-qt-patterns

github.com/meriley開発69 回インストール
リポジトリ

obs-cpp-qt-patterns について

C++とQt6で設定ダイアログやフロントエンド画面を作るOBS Studioプラグイン開発者向けのスキルです。CMake設定、Qtの任意ビルド、フロントエンドAPI連携、代替実装を扱います。

主な機能

  1. 01Qt6設定ダイアログの開発
  2. 02OBSフロントエンドAPI連携
  3. 03CMakeによるQt任意ビルド設定
  4. 04CとC++の相互運用パターン
  5. 05スレッド通信とUIの代替実装

活用シーン

  1. 01プラグインへの設定ダイアログ追加
  2. 02OBSフロントエンドイベントによる状態変化への対応
  3. 03Qtが利用できない環境での簡易画面構築

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/meriley/claude-code-skills --skill obs-cpp-qt-patterns

インストール後、Claude Code で/obs-cpp-qt-patternsを入力して読み込まれたか確認します。

同梱ファイルTEMPLATES.md

詳細

OBS C++ と Qt のパターン

目的

OBS Studio プラグインに C++ と Qt6 を統合し、設定ダイアログ、フロントエンド API へのアクセス、豊富な UI コンポーネントを実装します。CMake の設定、Qt のオプションビルド、プラットフォームごとのフォールバックについて説明します。

使用しないケース

  • クロスコンパイル → obs-cross-compiling を使用してください
  • Windows 固有のビルド → obs-windows-building を使用してください
  • オーディオプラグインのコアロジック → obs-audio-plugin-writing を使用してください
  • コードレビュー → obs-plugin-reviewing を使用してください

クイックスタート:5 ステップで Qt 設定ダイアログを作成

ステップ 1:Qt 用に CMake を設定する
cmake_minimum_required(VERSION 3.28)
project(my-plugin VERSION 1.0.0 LANGUAGES C CXX)

set(CMAKE_CXX_STANDARD 17)
set(CMAKE_CXX_STANDARD_REQUIRED ON)

# Enable Qt automoc (REQUIRED for Qt classes with Q_OBJECT)
set(CMAKE_AUTOMOC ON)
set(CMAKE_AUTOUIC ON)

# Find Qt6 (optional)
find_package(Qt6 COMPONENTS Widgets QUIET)
if(Qt6_FOUND)
    message(STATUS "Qt6 found - building with settings dialog")
    set(BUILD_WITH_QT ON)
else()
    message(STATUS "Qt6 not found - building without settings dialog")
    set(BUILD_WITH_QT OFF)
endif()
ステップ 2:Qt のソースを条件付きで追加する
# Core plugin (C)
add_library(${PROJECT_NAME} MODULE
    src/plugin-main.c
    src/my-source.c
)

# Add Qt frontend (C++) if available
if(BUILD_WITH_QT)
    target_sources(${PROJECT_NAME} PRIVATE src/frontend.cpp)
    target_compile_definitions(${PROJECT_NAME} PRIVATE BUILD_WITH_QT)
    target_link_libraries(${PROJECT_NAME} PRIVATE Qt6::Widgets)

    # Link OBS frontend API
    find_package(obs-frontend-api QUIET)
    if(obs-frontend-api_FOUND)
        target_link_libraries(${PROJECT_NAME} PRIVATE OBS::obs-frontend-api)
    endif()
else()
    # Fallback: simple C frontend without dialog
    target_sources(${PROJECT_NAME} PRIVATE src/frontend-simple.c)
endif()
ステップ 3:設定ダイアログクラスを作成する
// settings-dialog.h
#pragma once

#include <QDialog>
#include <QLineEdit>
#include <QSpinBox>
#include <QPushButton>
#include <QVBoxLayout>
#include <QFormLayout>

class SettingsDialog : public QDialog {
    Q_OBJECT

public:
    explicit SettingsDialog(QWidget *parent = nullptr);

    QString host() const { return m_hostEdit->text(); }
    int port() const { return m_portSpin->value(); }

    void setHost(const QString &host) { m_hostEdit->setText(host); }
    void setPort(int port) { m_portSpin->setValue(port); }

private:
    QLineEdit *m_hostEdit;
    QSpinBox *m_portSpin;
};
ステップ 4:ダイアログを実装する
// settings-dialog.cpp
#include "settings-dialog.h"

SettingsDialog::SettingsDialog(QWidget *parent)
    : QDialog(parent)
{
    setWindowTitle(tr("Plugin Settings"));
    setMinimumWidth(300);

    // Create widgets
    m_hostEdit = new QLineEdit(this);
    m_hostEdit->setPlaceholderText(tr("127.0.0.1"));

    m_portSpin = new QSpinBox(this);
    m_portSpin->setRange(1, 65535);
    m_portSpin->setValue(5000);

    auto *okButton = new QPushButton(tr("OK"), this);
    auto *cancelButton = new QPushButton(tr("Cancel"), this);

    // Layout
    auto *formLayout = new QFormLayout;
    formLayout->addRow(tr("Host:"), m_hostEdit);
    formLayout->addRow(tr("Port:"), m_portSpin);

    auto *buttonLayout = new QHBoxLayout;
    buttonLayout->addStretch();
    buttonLayout->addWidget(okButton);
    buttonLayout->addWidget(cancelButton);

    auto *mainLayout = new QVBoxLayout(this);
    mainLayout->addLayout(formLayout);
    mainLayout->addLayout(buttonLayout);

    // Connections
    connect(okButton, &QPushButton::clicked, this, &QDialog::accept);
    connect(cancelButton, &QPushButton::clicked, this, &QDialog::reject);
}
ステップ 5:OBS フロントエンド API と統合する
// frontend.cpp
#include <obs-module.h>
#include <obs-frontend-api.h>

#ifdef BUILD_WITH_QT
#include "settings-dialog.h"
#include <QMainWindow>
#endif

extern "C" {

static void on_frontend_event(enum obs_frontend_event event, void *data)
{
    (void)data;

    switch (event) {
    case OBS_FRONTEND_EVENT_FINISHED_LOADING:
        /* OBS UI is ready - safe to create Qt widgets */
        break;
    default:
        break;
    }
}

void frontend_init(void)
{
    obs_frontend_add_event_callback(on_frontend_event, NULL);
}

void frontend_cleanup(void)
{
    obs_frontend_remove_event_callback(on_frontend_event, NULL);
}

void frontend_show_settings(void)
{
#ifdef BUILD_WITH_QT
    QMainWindow *main_window = (QMainWindow *)obs_frontend_get_main_window();

    SettingsDialog dialog(main_window);
    if (dialog.exec() == QDialog::Accepted) {
        /* Save settings */
        const char *host = dialog.host().toUtf8().constData();
        int port = dialog.port();
        /* Apply settings... */
    }
#else
    blog(LOG_INFO, "Settings dialog not available (Qt not built)");
#endif
}

} /* extern "C" */

OBS フロントエンド API

主な関数
関数目的
obs_frontend_get_main_window()OBS のメインウィンドウを取得(QMainWindow* として)
obs_frontend_add_event_callback()フロントエンドイベントを購読
obs_frontend_remove_event_callback()イベントの購読を解除
obs_frontend_add_tools_menu_item()ツールメニューに項目を追加
obs_frontend_add_dock()ドッキング可能なパネルを追加
フロントエンドイベント
enum obs_frontend_event {
    OBS_FRONTEND_EVENT_STREAMING_STARTING,
    OBS_FRONTEND_EVENT_STREAMING_STARTED,
    OBS_FRONTEND_EVENT_STREAMING_STOPPING,
    OBS_FRONTEND_EVENT_STREAMING_STOPPED,
    OBS_FRONTEND_EVENT_RECORDING_STARTING,
    OBS_FRONTEND_EVENT_RECORDING_STARTED,
    OBS_FRONTEND_EVENT_RECORDING_STOPPING,
    OBS_FRONTEND_EVENT_RECORDING_STOPPED,
    OBS_FRONTEND_EVENT_SCENE_CHANGED,
    OBS_FRONTEND_EVENT_SCENE_LIST_CHANGED,
    OBS_FRONTEND_EVENT_TRANSITION_CHANGED,
    OBS_FRONTEND_EVENT_FINISHED_LOADING,
    OBS_FRONTEND_EVENT_EXIT,
    /* ... more events */
};
ツールメニュー項目の追加
static void on_tools_menu_clicked(void *data)
{
    (void)data;
    frontend_show_settings();
}

void frontend_init(void)
{
    obs_frontend_add_tools_menu_item(
        obs_module_text("MyPlugin.Settings"),  /* Menu text */
        on_tools_menu_clicked,                  /* Callback */
        NULL                                    /* User data */
    );
}

Qt のオプションビルドパターン

CMake の設定
# Try to find Qt6, but don't fail if missing
find_package(Qt6 COMPONENTS Widgets QUIET)

if(Qt6_FOUND)
    set(BUILD_WITH_QT ON)
    message(STATUS "Qt6 found - building with UI")
else()
    set(BUILD_WITH_QT OFF)
    message(STATUS "Qt6 not found - building without UI")
endif()

# Conditional compilation
if(BUILD_WITH_QT)
    target_sources(${PROJECT_NAME} PRIVATE
        src/frontend.cpp
        src/settings-dialog.cpp
    )
    target_compile_definitions(${PROJECT_NAME} PRIVATE BUILD_WITH_QT)
    target_link_libraries(${PROJECT_NAME} PRIVATE Qt6::Widgets)
else()
    target_sources(${PROJECT_NAME} PRIVATE
        src/frontend-simple.c
    )
endif()
C のフォールバック(frontend-simple.c)
/* frontend-simple.c - Minimal frontend without Qt
 *
 * Used when Qt is not available (e.g., cross-compilation).
 */

#include <obs-module.h>

void frontend_init(void)
{
    blog(LOG_INFO, "Plugin loaded without Qt UI");
}

void frontend_cleanup(void)
{
    /* Nothing to clean up */
}

void frontend_show_settings(void)
{
    blog(LOG_WARNING, "Settings dialog not available (Qt not built)");
}
ヘッダーのパターン
/* frontend.h - Frontend API (C-compatible) */
#pragma once

#ifdef __cplusplus
extern "C" {
#endif

void frontend_init(void);
void frontend_cleanup(void);
void frontend_show_settings(void);

#ifdef __cplusplus
}
#endif

C と C++ の混在パターン

extern "C" ラッパー
// In C++ files that expose C API:
extern "C" {

#include <obs-module.h>

void my_cpp_function(void)
{
    // C++ code here
}

} /* extern "C" */
C++ での C ヘッダー
// Always use extern "C" when including C headers from C++
extern "C" {
#include <obs-module.h>
#include <obs-frontend-api.h>
}

// Now safe to use C++ features
#include <QString>
プラグインのメイン(C と C++ の機能)
/* plugin-main.c - C module entry point */

#include <obs-module.h>
#include "frontend.h"  /* C-compatible header */

OBS_DECLARE_MODULE()
OBS_MODULE_USE_DEFAULT_LOCALE("my-plugin", "en-US")

bool obs_module_load(void)
{
    obs_register_source(&my_source);

    /* Initialize frontend (may be C or C++) */
    frontend_init();

    return true;
}

void obs_module_unload(void)
{
    frontend_cleanup();
}

CMAKE_AUTOMOC の説明

AUTOMOC の動作
  • C++ ファイルをスキャンして Q_OBJECT マクロを検出します
  • Qt の moc(メタオブジェクトコンパイラー)を自動的に実行します
  • シグナル/スロットをサポートする moc_*.cpp ファイルを生成します
必須の設定
set(CMAKE_AUTOMOC ON)
set(CMAKE_AUTOUIC ON)  # For .ui files

# AUTOMOC requires C++ targets
set(CMAKE_CXX_STANDARD 17)
set(CMAKE_CXX_STANDARD_REQUIRED ON)
よくある問題
問題原因解決策
"undefined reference to vtable"Q_OBJECT がないクラスに Q_OBJECT を追加
"moc not found"Qt が PATH にないfind_package(Qt6) を使用
"undefined signal/slot"AUTOMOC が実行されていない.h が SOURCES に含まれていることを確認

Qt でのスレッド処理

スレッド間の安全な通信
// worker-thread.cpp
#include <QThread>
#include <QObject>

class WorkerThread : public QThread {
    Q_OBJECT

signals:
    void resultReady(const QString &result);

protected:
    void run() override {
        QString result = doWork();
        emit resultReady(result);  /* Signal is thread-safe */
    }

private:
    QString doWork() {
        /* Heavy work here */
        return "Done";
    }
};

// Usage from main thread:
WorkerThread *thread = new WorkerThread;
connect(thread, &WorkerThread::resultReady, this, &MyClass::handleResult);
connect(thread, &WorkerThread::finished, thread, &QObject::deleteLater);
thread->start();
Qt イベントループの統合
// Don't block OBS main thread - use async patterns
void MyDialog::onButtonClicked()
{
    // WRONG: Blocks OBS UI
    // QThread::sleep(5);

    // CORRECT: Use QTimer or worker thread
    QTimer::singleShot(0, this, [this]() {
        // Runs after current event processing
        doSomething();
    });
}

禁止パターン

パターン問題解決策
UI コールバック内でのブロッキングOBS がフリーズするワーカースレッドを使用
Q_OBJECT がないシグナル/スロットが動作しないQ_OBJECT マクロを追加
オーディオスレッドでの Qt ウィジェットクラッシュするメインスレッドでのみ UI を操作
Qt のバージョンの混在ABI の問題Qt6 のみに統一
AUTOMOC がないリンクエラーCMAKE_AUTOMOC を有効にする
チェックなしでの obs_frontend の直接呼び出しフロントエンドがない場合にクラッシュobs-frontend-api_FOUND を確認

プラットフォーム固有の UI フォールバック

Windows ネイティブダイアログ
/* settings-dialog-win32.c - Fallback when Qt unavailable */
#ifdef _WIN32
#include <windows.h>
#include <commctrl.h>

void show_settings_dialog_win32(void *parent)
{
    MessageBoxW((HWND)parent,
                L"Settings dialog requires Qt.\nPlease install Qt6.",
                L"Plugin Settings",
                MB_OK | MB_ICONINFORMATION);
}
#endif
CMake でのプラットフォーム選択
if(NOT BUILD_WITH_QT)
    if(WIN32)
        target_sources(${PROJECT_NAME} PRIVATE
            src/settings-dialog-win32.c
        )
    else()
        target_sources(${PROJECT_NAME} PRIVATE
            src/frontend-simple.c
        )
    endif()
endif()

外部ドキュメント

Context7
mcp__context7__query-docs
libraryId: "/obsproject/obs-studio"
query: "Qt frontend API settings dialog"
公式リファレンス

関連スキル

  • obs-windows-building - Windows 固有のビルド
  • obs-cross-compiling - クロスコンパイル(Qt を利用できない場合があります)
  • obs-plugin-developing - プラグインアーキテクチャの概要
  • obs-audio-plugin-writing - オーディオプラグインの実装

関連エージェント

OBS プラグインのすべてのスキルにわたる連携したガイダンスには、obs-plugin-expertを使用してください。

コメント