• 👀👍カウンター2.0の機能追加について

    お久しぶりです。

    最後に投稿したのが半年前(2024/11/10)で、2.0.3のアップデートのお知らせでした。有料版の👀👍カウンター2.0🌈で適用した画面デザインの変更は無料版にも適用され、現在は無料版も「わんコメテンプレート」として動作するようになっています。


    2.0.3からのアップデートの内容は、
    Ver2.0.4 フレーム有のステータス幅バグ修正
    Ver2.0.5 画像アイコンの選択方法変更
    Ver2.0.6 「わんコメ」テンプレート動作時の高評価0対応
    Ver2.0.7 「わんコメ」テンプレート動作時の高評価取得処理変更、配信変更時のリセット処理追加、フォント変更機能追加
    Ver2.1.0 バッジ表示機能の追加
    Ver2.1.1 バッジ表示のアイコン変更対応、わんコメテンプレート時に配信URL入力が表示されるバグ修正
    Ver2.1.2 同接数と高評価数で異なるバッジを選択、アイコン非表示機能追加
    Ver2.1.3 アイコン部のテキスト文字を有効化
    Ver2.1.4 バッジの同接数のアクションのバグ修正、視聴数表示追加(Google API)
    Ver2.1.5 同接数と高評価数のフォントサイズを一致させる
    Ver2.1.6 バーとバッジ表示を選択できるように変更、バッジに最大同接数を表示するように変更、フレーム色を文字色で設定
    Ver2.1.7 フレームの描画処理を変更、フォントリスト変更
    Ver2.1.8 バー表示でフレームが消える不具合修正
    Ver2.2.0 YouTube URLにハンドルURLを設定できるように仕様変更、Channel ID設定の仕様を削除
    Ver2.2.1 「わんコメ」でYouTube以外のプラットフォームからコメントを同時取得するとカウンターが0になる不具合、配信中の配信枠を検出できない不具合対策
    Ver2.2.2 OBSでの設定画面表示修正、文字がフレームを超えた時の処理を変更


    主な変更点をまとめると、

    1. 「わんコメ」テンプレートで動作した時のデータ取得処理の改善
    2. フォント変更機能追加
    3. バッジ表示機能追加
    4. 配信URLにハンドルURLを指定する仕様に変更

    となります。


    「わんコメ」のテンプレートとして同接数と高評価数を実現したのは、「👀👍カウンター」が最初だと思いますが、これまで、Google APIキーを使ってYouTube DATA APIで取得する方法で利用いただいていたので、「👀👍カウンター」は設置が難しいという印象が定着してしまっているかもしれません。

    無料版の「👀👍カウンター」も「わんコメテンプレート」に対応しているため、「わんコメ」をインストールしている環境であれば、新しいコメントテンプレートを登録する手順で、配信画面に同接数と高評価数を表示することができるので、是非、使っていただきたいと思います。

    「わんコメ」が提供しているAPIを使って同接数と高評価数を表示することは難しいことではありませんが、YouTubeと他のプラットフォーム(ニコニコ動画等)とコメント同時取得する使い方での動作に対する考慮が不足していることがわかって修正しました。(カウンターが0になる問題)


    2.0.3でどんなフォントを使っても自動で表示の幅を変更して対応できる機能を追加しましたが、フォントを変更するには、OBSのカスタムCSSに追記するか、「👀👍カウンター」のCSSファイルを書き換える必要がありました。

    最新の有料版は、ユーザーインターフェースからPCにインストールされいてるフォントの名前を入力して変更できるようになっています。デフォルトで代表的はフォント名をプルダウンリストから選択できるようにしています。

    同接数と高評価数の「👀」「👍」アイコンの変更と、フォントの変更で、自分だけのカウンターのデザインにすることの幅が広がりました。
    最近では、デフォルトで用意した「▶️」と「❤」を利用されたり、オリジナルのアイコン画像を作成して利用しているVTuberさんが増えてきているように思います。


    バッジ表示機能は、バーに同接数と高評価数を表示するスタイルから、バッジの上に同接数と高評価数を表示するための機能です。

    以前の無料版は、同接数または高評価数だけを表示する機能がありました。
    2.0で廃止してしまったのですが、高評価数だけを表示するVTuberさんが多く存在していることを認識しているので、バッジ表示として独立した形で表示できるようにしました。

    有料版は、バッジのデザインを変更できるようにしています。デフォルトで、ハート、猫、クマ、丸、四角、雲 をリストから選べるようにしています。
    自分でバッジ画像を作成して利用することもできます。

    バッジ表示は、「👀👍カウンター」を可愛いい配信画面にも使っていただきたいという気持ちで追加した機能です。私の作成したデフォルトのバッジが可愛いかどうかは微妙ですが、是非、使っていただきたい機能です。


    使い勝手向上のため、URLの指定方法の仕様変更をしました。

    これまでは、事前に配信URLからChannel IDを取得して設定しておくことで、直近の配信URLを検索ボタンで取得して、取得後に開始ボタンを押してカウンターの動作を開始していました。

    新仕様は、ハンドルURL(https://www.youtube.com/@xxxxx の形式)をURLに指定して、開始ボタンを押すだけでカウンターの動作を開始します。
    指定したハンドルURLを記憶するので、次回の配信では開始ボタンを押すだけになります。
    従来通りに配信URLを指定して、カウンターを動作させることもできます。


    「👀👍カウンター」をBOOTHで公開して、2025/3/21で2周年となりました。
    3/21を「👀👍カウンターの日」とさせていただきました。
    キャッチフレーズを「あなたの配信画面を楽しく!便利に!」に決めました!

    これまでにリリースしたツール達のサポート、および、新しいツールの開発を続けていきますので、よろしくお願いいたします。


  • 👀👍カウンター2.0🌈の仕様変更について

    👀👍カウンター2.0🌈の最新バージョンは2.0.3です。
    機能的には変更が無いのでバグ修正扱いのバージョンアップとなっています。

    実は前から気になっていた処理仕様の変更をしています。


    👀👍カウンターは、設定した目標数を達成するとカウントの文字色を赤色に変更します。
    この場合に下記の設定でカウント値が読めなくなる問題がありました。

    1. ステータスの背景表示色を赤色にしている
    2. 進捗バーの色を赤色にしている
    3. 🌈モードで進捗バーの色が赤色になった

    この問題を解決するために、目標を達成した場合は、必ず文字に縁取りをつけるようにしました。縁取り色は縁取り設定のものとなります。


    👀👍カウンターは、カウンターの桁数に合わせた幅となるように表示を調整ができるようになっています。

    これまでは、ブラウザの標準フォントで良い感じに表示できる幅をそれぞれの桁に対して固定値で持っていました。

    2.0.3からは、フォントの幅を正しく取得して、桁数に合わせて計算して表示幅を決めています。style.cssでフォントを変更した場合は、変更したフォントに合わせて表示幅が変化します。
    .letterViewers, .letterLike { font-family: フォント名; }
    を追加してみてください。

    因みにOBSで表示フォントを変更するには、OBSのソースのプロパティのカスタムCSSにフォント指定の記述を追加しますが、自動的に幅を調整するタイミングの後にカスタムCSSが適用されるようで、初期値が正しい幅になりません。
    桁数を変更したり、アイコンを変更すると正しく適用されるようです。

    次のバージョンで設定画面からフォントを指定できるようにしたいと思います。

    ,

  • サイトの名前を「まえっち開発日誌」に変更しました

    「RiotBlue Player開発日誌」という名前で、RiotBlue Playerの開発状況のお知らせを目的にサイトを開設しましたが、現在は、まえっちが作成しているツール全般のお知らせになっているので、サイト名を「まえっち開発日誌」に変更しました。

    サイトの更新をお知らせする𝕏のアカウントも @maH_support に変更となります。

    これからもよろしくお願いします。


  • 👀👍カウンター2.0🌈が「わんコメ」テンプレートに対応しました

    「わんコメ」のアップデート情報を読んでいたら、高評価数の取得に関する内容が5.0.8にありました。

    そう言えば「わんコメ」の設定画面に「同接数」「高評価数」が表示されています。もしかして「わんコメ」のAPIで「同接数」「高評価数」が取得できるのか?と思って、「わんコメ」のAPIドキュメントを読んでみると、「同接数」「高評価数」を取得できるAPIがありました!

    これはすぐに対応すべきと思い、「👀👍カウンター2.0🌈」を「わんコメ」テンプレートで動作するようにしてみました。

    「同接数」「高評価数」を配信画面に出したいけど、Google APIキーを取得するのが大変そうだと躊躇していたVTuberさんにとって、導入の敷居がかなり下がったのではないかと思います!

    https://mahover18.booth.pm/items/4649314

    , ,

  • RiotBluePlayer 24/7配信にリクエスト機能追加

    RiotBluePlayerを使った24時間配信のチャットコメントを見ていると、時々、曲のリクエストをする人がいました。
    残念ながらRiotBluePlayerは、用意された曲リストからランダムに選曲して再生するアプリなので、リクエストには対応できませんでした。

    自分でも聴きたい曲をリクエストできたらなぁ~と思っていたので、RiotBluePlayerにリクエストを受け付ける仕組みを追加しました。

    RiotBluePlayerは再生曲リストのデータベースを検索する機能を内蔵しているので、外部から入力されたワードで検索した結果をリクエストの再生曲リストに保存し、そのリストを優先的に再生するようにしています。

    YouTubeのコメントを「わんコメ」で取得して、「リクエスト」のワードが含まれていたら、リクエスト以外の文字列を検索ワードとしています。

    曲名から先に検索して、ヒットしなかった場合は、アーティスト名から検索しています。複数の検索結果になるので、その中から1曲だけランダムに選択するようにしました。

    テストの結果は良好です。
    自分がテストで確認しているだけなので、誰かリクエストしてくれるのを楽しみにしています。

    現在と次の再生曲名、リクエストされた曲名のリストを表示する仕組みも追加しました。自分がリクエストした曲が受け付けられているのか不安になることを解消しています。

    , ,

  • 𝕏への自動ポストを実装

    このサイトが更新された時に自動的に𝕏にポストする仕組みを実装しました。

    IFTTTがこのサイトのの更新をRSSフィードで確認し、AIが内容を要約して250文字以内でポストします。


  • 👀👍カウンター2.0

    👀👍カウンター2.0」をリリースしました!

    YouTubeの同接数と高評価数をOBSの配信画面に簡単に表示できるというコンセプトはそのままに、操作性と見た目の改善をしています。


    改善点

    1. 表示サイズを大きくすることで画面に表示した時の文字の輪郭を綺麗にしました
      ⇒配信時に少し大きめに表示した時にボケてしまう問題を解決します
    2. オリジナルのカラーピッカーを作成し、OBSの対話(操作)の画面で簡単に背景、文字、バー、縁取りの色変更がきるようにしました
      ⇒以前から気になっていたOBSでの色選択問題を解決しました
    3. 縁取り効果を「くっきり」と「ぼかし」で選べるようにしました
      ⇒「ぼかし」でオシャレな感じにできたと個人的には思いますw
    4. ステータス表示の角丸(左右の丸み)スライダーで変更できるようにしました
      ⇒配信のデザインにより合わせやすくしました
    5. アイコンのドロップダウンリストにオリジナルの画像アイコンを表示して選択できるようにしました
      OBSの対話(操作)でもドロップダウンリストを使えるようにしました
      ⇒選択用の🔼🔽アイコンを廃止して、ドロップダウンリストからオリジナルの画像アイコンも含めて直感的に選択できます
    6. Ⓜ️の表示を同接数の右下に移動しました
      ⇒見た目の改善
    7. GoogleスプレッドシートのURLを入力して、そこからスプレッドシートIDを自動的に抽出できるようにしました
      ⇒スプレッドシートIDを自分で選択する煩わしさをなくす
    8. 多言語表示に対応しました
      ⇒日本語、English、漢語で設定ができます
    9. 数値の変化時のくるくる効果をON/OFFできるようにしました
      ⇒配信画面で「くるくる」すると気になる時に回転を停止できます
    10. 設定表示と説明表示を切り替えて表示できるようにしました
      ⇒説明表示がOBSの対話(操作)で見切れることへの対応
    11. 進捗バーを初期バージョンと同じように丸みを持たせました
      ⇒バーと背景がひと目で区別できます

    「👀👍カウンター」をリリースしてから約1年、実現できないと諦めていたことがプログラムできるようなりました。2.0で完成形になったと考えています。

    そして多言語対応も実現しました。
    「👀👍カウンター」を世界に広めるという年初目標の第一歩を踏み出しました!
    ありがたいことに、私の把握している限りでは、これまで日本の200名以上のVtuberさんに利用していただきました。
    「👀👍カウンター」 利用VTuber一覧(敬称略)

    これからもよろしくお願いします。


  • RBPFA 1.5.3リリース

    RiotBlue Player 3.2.3の修正を反映しました。機能の追加はありません。

    ■修正点

    1. iOSで2曲目が自動で再生できない問題の対応のためポップアップ表示追加
    2. 内部処理をRiotBlue Playerと共通化

  • RiotBlue Player 3.2.3リリース

    長らくお待たせ?しました。
    GWを利用してRiotBlue PlayerがPCで正しく再生できなくなっていた不具合を修正しました。

    YouTube Player APIで指定した再生開始位置から再生できない問題が残ったままなので、再生の先頭に移動する処理を追加して対応しました。

    また、iPhone(Safari)で再生が停止してしまう問題が解決できず、ユーザーにPLAYボタンを押してもらうようにポップアップを表示するようにしました。
    面倒ですがiPhoneでは2曲目の再生が停止してしまうので、PLAYボタンを押してください。それ以降は連続で再生できるようになります。

    今回は不具合修正のために、内部処理を大幅に変更していますが、新機能は実装できていません。細かい点ですが、RBPFAの処理を移植しているため、動画の切り替えでフェードアウト/フェードインの画面効果が追加されてます。

    ■修正点

    1. Chromeの再生不具合の修正
    2. Safariの2曲目再生開始しない対応
    3. 動画切替時のフェードアウト/フェードイン画面効果追加
    ,

  • RBPFAのバグに悩んだ日々

    お久しぶりです。皆さんは元気にお過ごしでしょうか?

    驚くことに正月の元旦依頼、今年の2度目の投稿となります。

    RiotBlue PlayerとRBPFAの再生動作がおかしい問題は、修正しないといけないと分かっていても、仕事が忙しくて時間が取れない、他のツールの開発を優先していたため、なかなか進んでいませんでした。

    プログラムを変更していないのに再生動作に問題が出たのは、YouTube Player API または Chromeに原因があると思っており、Googleの IssueTracker に登録しましたがまだ解決には至っていません。

    また、iOSのSafariで音声が再生できないという問題も利用者から報告を受けていましたが、なかなか原因調査が進んでいませんでした。

    不具合の調査を進めていくと、ChormeとSafariの動作でどうしても共通にできない処理があり、Ver1.5.2で処理を分けることしました。メンテナンス性を考えて、これまで共通処理で進めてきたのですが仕方ないですね。

    RBPFA Ver1.5.2 は、私の持っているiPhone, Android, PCで時間の許す限りデバッグして、再生できることを確認しました。皆さんの環境で不具合がありましたら、その症状を𝕏のポストに #RBPFA のタグを付けて是非教えていただきたいです。

    RBPFAでの修正内容は、近いうちにRiotBlue Playerにも対応させる予定です。


2025年6月
 1
2345678
9101112131415
16171819202122
23242526272829
30  
https://youtu.be/T187bDPKbvw