MARSHMALLOW VIEWER

ましゅまろびゅ~わ@うぇぶ

匿名質問サービス「マシュマロ」で受け取った質問を、OBS Studio の配信画面に表示するビュワーです。操作は OBS の「ドック」から行うため、配信画面には質問だけが映ります。インストールするものはありません。OBS に URL を2つ貼るだけで使えます。

BEFORE YOU START

はじめる前に

ご用意いただくものは、次の2つだけです。

  • OBS Studio
    「カスタムブラウザドック」が使えるバージョンが必要です(28以降を推奨)。
  • マシュマロの画像
    受け取った質問を画像として保存したものです。まとめて保存するには ましゅまろだうんろ~だ が便利です。

マシュマロへのログインや会員登録は要りません。保存済みの画像を読み込んで表示するだけなので、マシュマロのサービスには接続しません。

HOW TO

使い方

  1. 操作パネルをOBSに追加する

    OBSのメニューから「ドック」→「カスタムブラウザドック…」を開きます。空いている行の「ドック名」に ましゅまろびゅ~わ と入れ、「URL」に下の値を貼り付けて「適用」→「閉じる」。OBSの中にパネルが出てくるので、使いやすい場所へドラッグして固定してください。

    https://atelier-marron.com/apps/marshmallow-viewer/control-panel コピーしました
  2. 配信画面に出すブラウザソースを追加する

    OBSのソース欄で「+」→「ブラウザ」を選び、URLに下の値を入れます。幅は 600 にしてください。高さは表示したい大きさに合わせて自由に決められます。

    https://atelier-marron.com/apps/marshmallow-viewer/viewer コピーしました

    追加できたら、操作パネルの左上の丸い印が緑になることを確かめてください。

  3. 画像を読み込む

    操作パネルの「画像を追加」で画像を選びます。何枚でもまとめて選べます。「フォルダから追加」なら、フォルダを選ぶだけでその直下にある画像がすべて入ります(サブフォルダの中は読み込みません)。読み込むと、最初の1枚が配信画面に出ます。

  4. 読み上げながら操作する

    「Prev」「Next」で前後の質問へ移れます。今どこを読んでいるかは、ボタンの間の「3 / 12」で分かります。長い質問は「Scroll Down」で少しずつ送るか、「速度」を上げておけば自動でゆっくり流れます。速度を 0 にすると自動スクロールは止まります。

FEATURES

主な機能

  • インストールが要りません
    OBS に URL を貼るだけです。ログインも会員登録も要りません。
  • 読み込みも操作もドックから
    画像の読み込みから表示の切り替えまで、OBS のドックだけで完結します。「Prev」「Next」で順番に読み進められます。
  • 縦に長いマシュマロも読みやすく
    自動スクロールの速さを 0~60 px/秒で調整できます。末尾まで進むと少し待ってから先頭へ戻り、繰り返します。
  • 操作パネルは配信画面に映りません
    操作は OBS のドックで行うため、視聴者に見えるのはマシュマロだけです。
  • 表示の高さは自動で合わせます
    OBS のブラウザソースの「高さ」に合わせて伸び縮みします。幅は 600 固定です。
  • 画像はあなたの PC から出ません
    読み込んだ画像と設定は、操作パネルを開いているブラウザ(OBS の中)にのみ保存されます。まろん工房のサーバーへ送られることは一切ありません。

配信画面を彩るマシュマロ読み上げ枠として、ぜひご活用ください。

TOGETHER

あわせて使うと便利です

ましゅまろだうんろ~だは、マシュマロの受信箱にある質問の画像をまとめて保存できる Chrome 拡張機能です。保存したフォルダをそのまま「フォルダから追加」で読み込めます。1枚ずつ保存する手間がなくなります。

新ましゅまろびゅ~わは、パソコンにインストールして使う版です。決まったフォルダに画像を置くだけで自動的に取り込まれるため、毎回読み込ませる操作が要りません。受け取ったマシュマロがサムネイルで一覧に並び、読み終えたものに既読マークを付けられます。BOOTH で販売しています。

TROUBLE

うまくいかないときは

操作パネルの印が赤いままです

手順2のブラウザソースが追加されていないか、URLが違っています。操作パネルとは別に、配信画面へ出すソースを追加する必要があります。表示ソースは何も出していないとき完全に透明なので、追加できているかは見た目では分かりません。この印だけが手がかりです。

画像を読み込んだのに配信画面に出ません

ブラウザソースの高さが 200px 未満になっていないかご確認ください。それより低いときは、中途半端な表示を出さないよう、あえて何も映さないようにしています。

普段のブラウザで設定したのに反映されません

設定と画像は、操作パネルを開いているブラウザ(OBSの中)にだけ保存されます。普段お使いのChromeなどで開いても、OBSの中の表示ソースには引き継がれません。設定はOBSの中の操作パネルで行ってください。

操作パネルに画像をドラッグしても落とせません

OBSのドックは、パソコンからのドラッグ&ドロップを受け取れません。「画像を追加」「フォルダから追加」のボタンをお使いください。

読み込んだ画像が消えてしまいました

OBSのキャッシュを消すと、一緒に消えます。元の画像ファイルはパソコンに残っているので、もう一度読み込んでください。

NOTES

ご利用にあたって

  • 利用可能範囲
    商用・非商用を問わず利用可能です。YouTube、Twitch、TikTok 等の動画配信プラットフォームでの使用、および収益化されたチャンネルでの使用を全面的に許可します。法人による利用も制限いたしません。
  • 禁止事項
    本ツールを自身が制作したかのように偽る行為、公序良俗に反する活動・政治・宗教活動への利用を禁止します。
  • 免責事項
    本ツールを使用したことによって生じた不具合、損害、トラブル等について、制作者は一切の責任を負いません。動作環境やブラウザのアップデートに伴う不具合の修正義務を負わないものとします。
  • 著作権
    本ツールの著作権、および付随する一切の権利は制作者である天村まろん(まろん工房)に帰属します。