obs-cpp-qt-patterns について
C++とQt6で設定ダイアログやフロントエンド画面を作るOBS Studioプラグイン開発者向けのスキルです。CMake設定、Qtの任意ビルド、フロントエンドAPI連携、代替実装を扱います。
主な機能
- 01Qt6設定ダイアログの開発
- 02OBSフロントエンドAPI連携
- 03CMakeによるQt任意ビルド設定
- 04CとC++の相互運用パターン
- 05スレッド通信とUIの代替実装
活用シーン
- 01プラグインへの設定ダイアログ追加
- 02OBSフロントエンドイベントによる状態変化への対応
- 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 フロントエンド API: https://docs.obsproject.com/reference-frontend-api
- Qt6 ウィジェット: https://doc.qt.io/qt-6/qtwidgets-index.html
- CMake AUTOMOC: https://cmake.org/cmake/help/latest/prop_tgt/AUTOMOC.html
関連スキル
- obs-windows-building - Windows 固有のビルド
- obs-cross-compiling - クロスコンパイル(Qt を利用できない場合があります)
- obs-plugin-developing - プラグインアーキテクチャの概要
- obs-audio-plugin-writing - オーディオプラグインの実装
関連エージェント
OBS プラグインのすべてのスキルにわたる連携したガイダンスには、obs-plugin-expertを使用してください。
コメント
Markdown 対応