使ってみるOBSへの導入手順
操作パネルの設置
- OBSを起動して上部メニューから「ドック」→「カスタムブラウザドック」を開きます。OBSのバージョンが27.1以前の場合は「表示」→「ドック」→「カスタムブラウザドック」になります。
- ドック名の欄に「マシュマロもぐもぐマシーン」、URLの欄に下記URLをコピペして「適用」を押して閉じます。
https://lab.horaiken.jp/marshmallow/manager.html - 新しくマシュマロもぐもぐマシーンの小窓が表示されるので、画面の左上にでもドラッグしてドッキングします。幅を下図くらいに調節して操作パネルは設置完了です。
配信画面へマシーンの設置
- OBS画面のソース欄の「＋」ボタンを押してブラウザを選択します。
- 新規作成にチェックが入った状態で「マシュマロもぐもぐマシーン」と名前を入力してOKを押します。
- 開いた編集画面でURLの欄に下記URLをコピペします。
https://lab.horaiken.jp/marshmallow/mogumogu.html - 幅と高さの欄にそれぞれ「1080」を入力して、「OBSで音声を制御する」にチェックをつけます。
- カスタムCSSの欄に、下記のコードをコピペします。内容を修正することで文字サイズや書体などをカスタマイズできます。
/* 文字サイズの設定 ◤◢◤◢◤◢◤◢◤◢◤◢ */ :root { /* * 文字の大きさを変更できます。 * pxはそのままで数字だけ変えます。 */ font-size: 40px; /* 👈 */ /* ◤◢◤◢◤◢◤◢◤◢◤◢ */ } /* 書体の設定 ◤◢◤◢◤◢◤◢◤◢◤◢ */ @font-face { font-family: "MyFont"; /* * PCにインストールしたフォントを使えます。 * 使用するフォントの名称を下記方法で取得します。 * ⬛︎ Windows: 下記URLを参照 * https://www.teradas.net/archives/26099/ * ⬛︎ Mac:「Finder」→「アプリケーション」→「Font Book」を開き * 一覧からフォントを選択してメニューバーの「i」を押します。 * 詳細画面の識別子欄に記載の「PostScript名」 * 取得したフォントの名称を下記の Font Name と置き換えてください。 * フォントの仕様は複雑で上記手順でわからないフォントもあります。 */ src: local("Font Name"); /* 👈 */ /* ◤◢◤◢◤◢◤◢◤◢◤◢ */ } - 画面サイズ1920x1080を想定した素材なので、配信画面がそうでない場合は拡大縮小して縦幅いっぱいにします。
- OBS画面の音声ミキサー欄の歯車アイコンを押して、開いたオーディオのプロパティ画面にある
「マシュマロもぐもぐマシーン」の音声モニタリングの項目を「モニターと出力」に変更します。
これでマシーンから出る音が配信にも乗るようになります。
マシーンの設置はこれで完了です。
マロのリスト準備
下記ボタンからマロを取り込むためのサンプルデータをダウンロードしてください。サンプルデータを編集してデータを作成します。
サンプルファイルをダウンロード- マシーンで取り込むデータは単なるテキストファイルです
- サンプルの通り複数のマロ本文をコピペして、「改行3回、半角スラッシュ3回、改行3回」で区切ります
- ファイル名は自由ですが、.txt形式のテキストデータになりますのでメモ帳などのテキストエディタを使いサンプルファイルを編集してご利用ください
マシーンに取り込むマロのリスト原稿をマシュマロサイトからワンクリックでダウンロードできるツールをリリースしました！
マシュマロもぐもぐ原稿製造機 Chrome拡張機能ダウンロードと使い方
- Google Chromeブラウザ専用の拡張機能ツールとなり、Chromeブラウザで上記ボタンのリンク先からインストールします
- Chromeブラウザの右上にある『パズルみたいなアイコン』をクリックすると、中に「マシュマロもぐもぐ原稿製造機」が追加されています。画鋲アイコンをONにするとChromeブラウザの右上に常に設置できて便利です
- マシュマロサイトの未読のマロの画面でマシュマロもぐもぐ原稿製造機をクリックすると、未読画面内にあるすべてのマロをリスト原稿としてダウンロードします
- 未読画面内に30件以上マロがある場合は「もっとみる」ボタンを押して続きのマロを表示させたうえでマシュマロもぐもぐ原稿製造機をクリックしてください
- マシュマロサイトの未読マロ画面以外でマシュマロもぐもぐ原稿製造機をクリックすると、未読マロ画面に移動するのでショートカットとしてもご利用ください
注意事項など
- この素材で発生したトラブルについては一切責任を負いかねます
- 商用利用なども構いませんので常識の範囲でご自由に