mowareのブログ – ページ 44 – 気ままにコードを書いているホビープログラマ。iOS, watchOS, visionOS, Microsoft Storeアプリ開発者です。

[C++] 140 ウィジェットツールキットwxWidgetsの導入

[M1 Mac, Big Sur 11.6.8, clang 13.0.0, wxWidgets 3.2.0, NO IDE]

最近FLTKの独特な仕様に振り回されることが多くなってきたので、他のウィジェットツールキットも試してみます。

前からチェックしていたwxWidgetsを導入してみました。インストールだけならHomebrewでできます。最新の3.2.0をインストールしました。

brew install wxwidgets

ソースコードやサンプル、デモを確認したい場合はGitHubからダウンロードしてビルドします。3.2.0はなぜかpngフォルダが空なので3.1.7をダウンロードしました。

コマンドは以下の通りです。

# 本体のビルド
mkdir build-cocoa-debug
cd build-cocoa-debug

../configure --with-opengl --disable-shared --enable-monolithic \
--with-libjpeg --with-libtiff=builtin --with-libpng --with-zlib \
--with-mac --disable-sdltest --enable-unicode --enable-display \
--enable-propgrid --disable-webview --prefix=/Users/[ユーザ名]/Dev/wxWidgets-staticlib \
CXXFLAGS="-std=c++0x" --with-libiconv=/usr

make

# サンプルとデモのビルド
cd samples; make;cd ..
cd demos;   make;cd ..

wxWidgetsはOSのLook&Feelを採用しており、macOSの場合はCocoa風になります。

[C++] 138 FLTK : ダブルクリック時の動作 Fl::event_clicks()

[M1 Mac, Big Sur 11.6.8, clang 13.0.0, FLTK 1.3.8, NO IDE]

ダブルクリック時の条件分岐にはFl::event_clicks()を使います。Fl_File_Chooser2.cppのソースコードを読んでその存在を知りました。公式サイトのEvents handling functionsに説明があります。

FLTKは結構使い込んでいますが、まだまだ知らないことだらけです。

void FileBrowserCB()
{
	char *fileName;

	if (Fl::event_clicks()) {
		cout << "ダブルクリックしました" << endl;
		// 以下、ダブルクリックした時の動作を書く
	}

	// クリックしたファイルのファイル名を取得
	fileName = (char *)FileBrowser->Fl_Browser::text(FileBrowser->Fl_Browser::value());
	cout << "fileName " << fileName << endl; 
	
	if (!fileName) return;

	selectPath[0] = '\0';

	// ディレクトリ名にファイル名を結合
	strcat(selectPath ,appDir);
	strcat(selectPath ,"/");
	strcat(selectPath ,fileName);

	cout << "selectPath " << selectPath << endl; 

	if (browserType == 1) { // FL_MULTI_BROWSERになっている場合
		char* name = new char[strlen(selectPath) + 1];
    	strcpy(name, selectPath);
		selectPaths.push_back(name);
	}

	//ファイルパスを表示
	inputFileName->value("");
	inputFileName->value(selectPath);

}

[C++] 137 FLTK : ファイル検索アプリのグレードアップ着手 FileChooser

[M1 Mac, Big Sur 11.6.8, clang 13.0.0, FLTK 1.3.8, NO IDE]

先月7月上旬で開発を中断していたファイル検索アプリをさらにグレードアップさせることにしました。

とりあえずカラーアプリ製作時に作成したFileChooserを導入しましたが、これは固定したディレクトリからファイルを選択する機能しかないため、ファイルブラウザとしての機能を追加する必要があります。

[C++] 136 FLTK : Final Cut Proのライブラリ掃除改良版

[M1 Mac, Big Sur 11.6.8, clang 13.0.0, FLTK 1.3.8, NO IDE, C++17]

前回の続きです。

サイズ的にはあまり重要ではありませんが、Thumnail Mediaディレクトリも空にするようにしました。

これでFinal Cut Library ManagerというアプリのClean機能と同等になりました。

void FCPClean(){
    string dirPath = "/movie"; // ライブラリ保存ディレクトリ
    vector<string> paths = getFilePath(dirPath, "fcpbundle");

    int num = 1;
    for (string path:paths){
        cout << num << " " << path << endl;

        vector<string> dirs = getDirPath(path);

        int num2 = 1; 
        for (string dir:dirs){

            if (dir.find("High Quality Media") != std::string::npos){
                cout << "High Quality Mediaディレクトリ " << num2 << " " << dir << endl;

                struct stat statBuf;
                int detect = stat(dir.c_str(), &statBuf);
                if (detect == 0){
                    vector<string> dirs2 = getDirPath(dir);
                    for (string dir:dirs2){
                        cout << "削除対象dir " << dir << endl;
                        std::filesystem::remove_all(dir);
                    }
                } else {
                    cout << "ディレクトリは削除済みです" << endl;
                }
                num2 += 1;
            }
        }

        int num3 = 1; 
        for (string dir:dirs){

            if (dir.find("Thumbnail Media") != std::string::npos){
                cout << "Thumbnail Mediaディレクトリ " << num3 << " " << dir << endl;

                struct stat statBuf;
                int detect = stat(dir.c_str(), &statBuf);
                if (detect == 0){
                    vector<string> dirs2 = getDirPath(dir);
                    for (string dir:dirs2){
                        cout << "削除対象dir " << dir << endl;
                        std::filesystem::remove_all(dir);
                    }
                } else {
                    cout << "ディレクトリは削除済みです" << endl;
                }
                num3 += 1;
            }
        }
        num += 1;
    }

    output_line->insert("FCP Clean完了!\n");
}

[C++] 135 FLTK : Final Cut Proのライブラリ掃除

[M1 Mac, Big Sur 11.6.8, clang 13.0.0, FLTK 1.3.8, NO IDE, C++17]

Final Cut ProのライブラリにあるHigh Quality Mediaディレクトリの中身を削除する機能をビデオツールアプリに追加しました。

これでライブラリ肥大化の原因であるHigh Quality Mediaディレクトリが全て空になります。

#include <sys/stat.h>

vector<string> getFilePath(string dir, string ext) {
    glob_t globbuf;
    vector<string> files;

    string suffix = "/*." + ext;
    cout << "suffix " << suffix << endl;

    glob((dir + suffix).c_str(), 0, NULL, &globbuf);

    for (int i = 0; i < globbuf.gl_pathc; i++) {
        files.push_back(globbuf.gl_pathv[i]);
    }

    globfree(&globbuf);

    return files;
}

vector<string> getDirPath(string dir) { // 再帰的に検索
    vector<string> dirs;

    for (const std::filesystem::directory_entry& dir_entry : std::filesystem::recursive_directory_iterator(dir)) {
        if (dir_entry.is_directory()){
            dirs.emplace_back(dir_entry.path().string());
        }
    }
    return dirs;
}

void FCPClean(){
    string dirPath = "/movie"; // ライブラリ保存ディレクトリ
    vector<string> paths = getFilePath(dirPath, "fcpbundle");

    int num = 1;
    for (string path:paths){
        cout << num << " " << path << endl;

        vector<string> dirs = getDirPath(path);

        int num2 = 1; 
        for (string dir:dirs){

            if (dir.find("High Quality Media") != std::string::npos){
                cout << "High Quality Mediaディレクトリ " << num2 << " " << dir << endl;

                struct stat statBuf;
                int detect = stat(dir.c_str(), &statBuf);
                if (detect == 0){
                    vector<string> dirs2 = getDirPath(dir);
                    for (string dir:dirs2){
                        cout << "削除対象dir " << dir << endl;
                        std::filesystem::remove_all(dir);
                    }
                } else {
                    cout << "ディレクトリはありません" << endl;
                }
                num2 += 1;
            }
        }
        num += 1;
    }
    output_line->insert("FCP Clean完了!\n");
}
--------------------------------------------------
出力例
--------------------------------------------------
suffix /*.fcpbundle
1 /movie/blog.fcpbundle
High Quality Mediaディレクトリ 1 /movie/blog.fcpbundle/programming/Render Files/High Quality Media
削除対象dir /movie/blog.fcpbundle/programming/Render Files/High Quality Media/testA
削除対象dir /movie/blog.fcpbundle/programming/Render Files/High Quality Media/testB
High Quality Mediaディレクトリ 2 /movie/blog.fcpbundle/programming/Render Files/High Quality Media/testA
ディレクトリはありません
High Quality Mediaディレクトリ 3 /movie/blog.fcpbundle/programming/Render Files/High Quality Media/testB
ディレクトリはありません

22/8/13追記：
改良版を作成しました。

[C++] 136 FLTK : Final Cut Proのライブラリ掃除改良版

[C++] 134 FLTK : ゼロ埋め日付の作成

[M1 Mac, Big Sur 11.6.8, FLTK 1.3.8, NO IDE]

vector<vector<string>>をCSVファイルとして保存する際、自動的にファイル名に日付と通し番号が付加されるようにしました。通し番号はゼロ埋め2桁にしたので開始番号01で99個まではソートが乱れることはありません。

購入したFinal Cut Proで早速操作動画を4トラックにて作成してみました。DTMの方はCubase Proを使っているのでプロジェクトの扱い方は何となく分かります。

ただシェイプの点滅を作成するのは少々面倒ですから簡単にできるらしいMotionを使ってみたいのですが、App Storeのレビューが散々なので様子見です。

vector<string> get_file_path(string dir, string str) {
    glob_t globbuf;
    vector<string> files;

    string suffix = "/" + str + "*.*";

    cout << "suffix " << suffix << endl;

    glob((dir + suffix).c_str(), 0, NULL, &globbuf);

    for (int i = 0; i < globbuf.gl_pathc; i++) {
        files.push_back(globbuf.gl_pathv[i]);
    }

    globfree(&globbuf);

    return files;
}

void saveFavListAuto(Fl_Widget*, void*){
    cout << "saveFavListAuto" << endl;

    time_t today = time(NULL);
    struct tm *pnow = localtime(&today);
    
    int year = pnow->tm_year-100;
    int month = pnow->tm_mon + 1;
    int day = pnow->tm_mday;

    // 日付の0埋め文字列化
    std::ostringstream os;
    os << std::setfill('0') << std::setw(2) << year;
    os << std::setfill('0') << std::setw(2) << month;
    os << std::setfill('0') << std::setw(2) << day;
    
    string today_str = os.str();

    cout << "now_str " << today_str << endl;

    // アプリ用ディレクトリの取得
    homedir = getenv("HOME");
    cout << "homedir " << homedir << endl;

    string cs = "/ColorSample";
    string appdir = string(homedir) + cs;

    cout << "appdir " << appdir << endl;

    vector<string> files_today = get_file_path(appdir, today_str);

    int count = files_today.size();

    // 通し番号の0埋め文字列化
    std::ostringstream os2;
    os2 << std::setfill('0') << std::setw(2) << count + 1;
    string count_str = os2.str();
    
    string filename = appdir + "/" + today_str + "_list" + count_str + ".csv";

    cout << "filename " << filename << endl;

    csvProcessChar::make(filename.c_str(),selectColorList);
}

[C++] 133 現在日時の取得

[M1 Mac, Big Sur 11.6.8, NO IDE]

個人的にC++ではこれまで扱ってなかったのが意外でした。

#include <stdio.h>
#include <time.h>
#include <iostream>
#include <string>
#include <sstream>
#include <iomanip>

using std::cout; using std::endl;
using std::string;

int main()
{
    time_t now = time(NULL);
    struct tm *pnow = localtime(&now);
    
    int year = pnow->tm_year+1900;
    int month = pnow->tm_mon + 1;
    int day = pnow->tm_mday;
    int hour = pnow->tm_hour;
    int min = pnow->tm_min;
    int sec = pnow->tm_sec;

    // 0埋め文字列化
    std::ostringstream os;
    os << std::setfill('0') << std::setw(4) << year;
    os << std::setfill('0') << std::setw(2) << month;
    os << std::setfill('0') << std::setw(2) << day;
    os << "_";
    os << std::setfill('0') << std::setw(2) << hour;
    os << std::setfill('0') << std::setw(2) << min;
    os << std::setfill('0') << std::setw(2) << sec;

    string now_str = os.str();

    cout << "now_str " << now_str << endl;
}
--------------------------------------------------
出力例
--------------------------------------------------
now_str 20220811_184519

[C++] 132 FLTK : Fl_Radio_Round_Buttonの2回押下は不可

[M1 Mac, Big Sur 11.6.8, FLTK 1.3.8, NO IDE]

Java版と同じようにラジオボタンを押すとcallback関数が働くようにしました。

JavaのSwingではラジオボタンの2回押下が可能ですが、FLTKではできないようです。Code欄を書き換えて改めて同じコードタイプで色表示をしたい時には他のラジオボタンを押してから戻ってこないといけないので少し面倒です。

ラジオボタン押下順の例
Swing : RGB→Code欄書き換え→RGB
FLTK : RGB→Code欄書き換え→hex→RGB

話は変わりますが、Final Cut Proを購入しました。iMovieではレイヤーを1つしか使えないと知っての即決めです。たかだか30秒程度のmovファイル8MBを作っただけでライブラリのサイズが6GBになってしまったのには驚きました。対策として、[ファイル]-[生成されたイベントファイルを削除]で全てのファイルを削除すると8.8MBになりました。GUIにこだわる者としてはデフォルトでダイアログを表示し削除の案内をすべきだと思います。

ついでに書いておきますが、App Storeでの決済の際にクレジットカード決済なのかギフトカード残高決済なのかちゃんと示して欲しいです。いつもクレカ決済になるのではと不安になり、ボタンで先に進むのを躊躇します。まあGUIの不親切さは今に始まったことではありませんが。

ともあれこれでマスクの他にもテロップを好きなところに入れられますし、少しずつ慣れていきます。

[C++] 131 動画編集アプリの製作検討 FFmpeg

[M1 Mac, Big Sur 11.6.8]

最近FFmpegという便利な動画加工ツールの存在を知り、これを使って簡易的な動画編集アプリが作れないか検討しています。

私の動画編集作業は長くて1分程度の動画の数秒、ある部分だけ図形でマスクするといった程度の内容なので、わざわざ高価な動画編集アプリを購入するのはもったいないように思えてきました。

無料版があるDaVinci Resolveを使ってみたものの、昨今のIDEと同様に動作が重く、ファイルの相性問題もあるようです。またアプリ外からドラッグ&ドロップができないのはかなり軽快性を損ねています。生産性が肝心要のYouTuberにもほとんど使われていません。どっしり腰を据えて作り込む正にプロ向けのソフトだと感じました。

話は戻って、FFmpegでも上記作業は簡単にできるようです。

以下、アプリの動作の流れを書き出しておきます。

1.動画からマスクしたい範囲を切り出す。
2.切り出した動画から全てのコマを取り出す。
3.マスクしたい部分の座標を決める。
4.マスク図形だけの画像を作成する。
5.全コマと画像を合成する。
6.合成したコマから部分動画を作成する。
7.切り出す前の状態に再結合する。

アプリに必要なデータ
1.マスクするコマの範囲(開始コマ、終了コマ)
2.マスク図形の座標およびカラーコード(基本は長方形)

Final Cut Proの体験版がまだ2ヶ月使えるので、まあ気長に取り組みます。

22/8/9追記：
iMovieで図形によるマスクが簡単にできました。動画編集アプリは機会があれば作ります。

[iMovie] 図形によるマスク

日	月	火	水	木	金	土
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30