まえっち開発日誌

Chromeで再生が出来なくなる不具合ですが、処理が異常となる箇所は特定しましたが、理由がわかりません。

これまでとYouTubeのAPIの応答が変わっているとしか思えません。でもEdgeやSafariでは問題なく動作してる訳で意味不明です。

これを修正するには、プログラム処理を全見直しする必要がありそうです。

現在、プログラムを修正する予定がまったく立てられません。

Chromeの問題で何もせずに不具合が解消しないかなと淡い期待をしていますが。。。

PCはMicrosoft Edgeで動作させるようにお願いします🙇‍♂️

 

RiotBlue PlayerがChrome（バージョン: 120.0.6099.130）でカウンター表示が異常となって再生がうまくできなくなっています。

OBS(30.0.2)の内蔵ブラウザでも同じような症状が発生しています。

Edge（バージョン 120.0.2210.91）では問題発生していませんので、PCで再生する場合はEdgeをお使いください。

EdgeとChromeの基本エンジンは同じなので、そのうちにEdgeでも同じ問題が発生するかもしれません。

RiotBlue Playerを使って24時間配信しているのですが、面白機能としてチャットのコメントに対してAI（AIまえっち）が回答する仕組みを搭載していました。
今回、色々と見直しを実施しました。

１．回答の仕組みの変更

AIの回答にはmiiboという有料サービスのTRIALプランで無料で使っています。
TRIALプランは1ヶ月に1000ポイントが与えられ、このポイント数が無くなるmiiboによる回答を生成してくれます。

回答に使うAIのシステムによりポイント数が変わります。
決められた定型文に対する回答：1ポイント
Chat-GPT3.5を使用した回答：5ポイント
が消費されます。

決められた定型文による回答は、AIとは言えないものですが、決まった質問に対して正しく答えられる可能性が高いです。
少しでもmiiboの使用ポイントを減らすべく、定型文に対する回答を自前のプログラムで実行するようにしました。
定型文で回答できない難しい質問だけmiiboにお願いすることにしました。

日本語の文章を解析するなんて高度な事はしていません。
文章に含まれる単語で類推して回答を作成しています。
実際に試しても貰えればわかりますが、これが意外と正確に回答にヒットします。

２．コメント取得が停止するバグの改修

これまで24時間の連続稼働をしていると、コメントを取得する処理が止まってしまって、回答できなくなることがありました。
これも、コメントを処理する別のプログラムを作成時にバグとなる箇所を見つけて修正したので、回答が止まることは無いと思います。

３．音声合成機能の追加

元々、miiboのサンプルプログラムは、配信のコメントを取得してVOICEVOXで音声を再生させる処理が書いてありました。
RiotBlue Playerで音楽を再生しているので、あえて音声出力の処理を動作しないように修正していました。

今回、この処理を解放して音声出力ができるようになりました。

ここで問題となるのは、24時間配信用に使っているPCは、高性能と言える物では無いので、VIOCEVOXによる音声合成の処理に時間がかかってしまうことです。
150文字程度の音声変換に1分以上かかってしまいます。

この問題を改善するために、GPU付きの高性能PCで音声合成する仕組みを作りました。
高性能PCは、Windowsのタスクスケジューラーでログイン時に自動的にVOICEVOX engineを起動するようにしています。
通常の起動オプションはネットで調べたら出てきましたが、GPUモードで起動するオプションについてはGitにあるコードから調べて追加しました。
例）
“C:\Program Files\VOICEVOX\run.exe” –host 192.168.10.103 –use_gpu

192.168.10.103は、VOICEVOX engineを動作させる高性能PCのIPアドレスです。

音声合成のAPIを使うときは、
http://192.168.10.103:50021
で始まるURLにアクセスすれば、音声合成の結果を応答してくれます。
GPUによる変換が使えるようになったので、1分以上かかっていた処理が3秒で完了します！

以前から気になっていても手を付けられなかった様々な問題をすべて解決することができました。

RiotBlue Player For All  (RBPFA) 1.2をリリースしました。

変更点

1. 共有urlで再生時間、再生開始オフセット時間の設定を指定できるようにした(1.1)
2. 更新通知とキャッシュ制御に対応(1.1)
3. プレイリストのリスト順の再生に対応（全曲リピート🔁）
   ランダムと1曲リピートとしか選べなかった

1.1で更新通知とキャッシュ制御に対応しています。PWAアプリですが明確なキャッシュ制御はしていませんでした。バージョンアップしたプログラムがすぐに反映されるようにキャッシュの削除と更新通知でプログラムをリロードする仕組みを追加しました。

プレイリストのリスト順再生は、プレイリストを作成した人が聴いて欲しい順序を尊重できるので必須機能と思い、最優先で実装しました。

RiotBlue Playerは、DBからプレイリストをダウンロードして、その中からランダムに選ばれた曲を再生して、再生した情報はプレイリストから削除して、次回のランダム選曲から除外するという方法を採用していました。プレイリストが空になったらDBから再度ダウンロードします。

RBPFAはGoogleスプレッドシートからプレイリストをダウンロードして、そのプレイリストから再生用リストを作成し、再生リストを使ってランダム選曲をするという方法に変更していました。再生リストが空になったら、ダウンロード済みのプレリストから再生リストを再生成します。繰り返し再生する時にGoogleスプレッドシートからプレイリストを再ダウンロードしないようになっています。

今回の全曲リピート再生は、ランダム選曲の処理の代わりに、再生リストの先頭曲を再生して、再生リストから除外するとしただけなので、処理の修正は数行で済みました。（画面操作は除く）

RBPFA 0.4をリリースしました。

実際にスマホで使ってみて不便と思ったので本家のRiotBlue Player機能を移植しました。

PWAアプリはスマホの画面をスリープ状態にすると動作がとまってしまうので、アプリを表示したままにしなくてはいけません。
そうすると、ポケットに入れた時に画面に触ってご操作したり、画面を表示したままにしたことで電力消費がアップしてしまいます。

その対策のために、画面を黒くして復帰用のテキスト表示を流す処理を追加しました。
画面を黒くすることで有機EL液晶のスマホであれば、バッテリーの消費を抑えられることを確認しています。

変更点

1. 省電力機能追加
2. 画面を横表示にした時に画面の下がスクロール表示できない不具合修正
3. アーチスト名、配信日時を省略した時の表示を変更

まだちょっと考えてることがあるので、機能追加にご期待ください！

RBPFA 0.3をリリースしました。

0.3変更点

1. 再生時間でALL（120秒）のラジオボタン選択すると再生できない
   プレイリストの終了時間に0を設定しないとエラーになっていた
2. タイトルをスクロールして全部見られる仕様追加
3. スタイル設定をRiotBlue Playerと合わせる

再生できないというバグを検出できなかったのはテスト不足でした🙇‍♂️

RBPFAが完成したので、RiotBlue Player の処理を見直しました。

3.2.1の修正点

1. RBPFAの開発時に見つけたバグ修正
2. 画面に配置するフォーム部品の位置を調整
3. 省電力の表示処理見直し
4. Webフォントの利用を中止（文字ズレが気になるため）

新機能はありません。

各フォーム部品の位置ズレが揃ったのでスッキリしました。

0.1をリリースしたばかりですが、RBPFA 0.2をリリースしましたw

GoogleスプレッドシートのプレイリストのシートIDとシート名をurlのパラメータに指定して起動できるようになりました。
URLを共有すれば、自分の推しの歌枠の曲を友達に聞いてもらうことができます！

Googleスプレッドシートの共有を「リンクを知っている全員：閲覧者」の権限に変更する必要があります。
共有するとGoogleのアカウント名が公開されるので、それが嫌という人は公開可能なGoogleアカウントを作成するかブランドアカウントを追加するのが良いでしょう！

実際のURLは下記のようになります。(下記のプレイリストはVtuberの けいたさんの 2023/08/11の歌枠です）

https://mahover18.com/rbpfa/?sheetid=11mh4HK-smu7voUtfNa3vAp9RSHfQXBWGwGMfH-jgFfo&sheetname=230811

RBPFAのURLの後ろに?sheetid=[シートID]&sheetname=[シート名]を追加します。
シート名はアルファベットと数字にすると良いと思います。（Chromeでは、漢字と空白のシート名でも動作することを確認しています。）

私にも歌上手のVTuberのプレイリストを教えて欲しいです！
是非、URLと一緒に #RBPFA のタグでツイートしてください🙇‍♂️

以前から作成を明言していたRiotBlue Player For All (RBPFA)の最初のバージョンをリリースしました！

 

RBPFAでやりたかった基本的な機能を実装しました。

機能

1. Googleスプレッドシートに記載のプレイリストを参照して再生ができる
2. プレイリストは歌枠配信のタイムスタンプから曲名を参照して入力すればOK!
3. Googleプレッドシートの指定は、設定画面から「シートID」と「シート名」を入力する
4. プレイリストからランダムに連続再生する
5. mahover18.comでのみ使えるAPIキーをデフォルトで入力済み

公開方法としてBOOTHでの販売ではなく、mahover18.comのWEB(PWA)アプリとして無料公開しました。その代わりと言っては何ですが、邪魔にならない程度に上部にGoogle広告を表示しています。

このアプリを使って好きなVTuberさんの歌を聴いてもらえたらいいなと思っています。

RiotBlue Player For All