メモ帳

ツイキャス 、 YouTube と Twitch のライブ配信のコメント欄は、 オーバーレイ としてOBSなどの配信ツール上で表示できるほか、専用のカスタムCSSを使ってコメント欄のデザインをカスタマイズする事もできます。 検索で見つけたサイトからコピーしたカスタムCSSや、自分で編集したカスタムCSSを試したい場合、実際にOBSのブラウザソースにオーバーレイとCSSを読み込ませて表示するのが普通かもしれませんが、カスタムCSSの設定をブラウザソース上で更新するのが少し面倒なのと、CSSにエラーがあってもOBSのプラウザソースでそのエラーを確認するには少し面倒な設定が必要になります。 なので、各サイトのコメント欄オーバーレイ用のカスタムCSSを、一般的なブラウザ上で表示できる カスタムCSSテスター を拡張機能として作ってみました。 現在、Chromeウェブストアで ツイキャス 、 YouTube と Twitch 用の三種のカスタムCSSテスターを拡張機能として公開しています: キャスコメカスタムCSSテスター 👉 サポートページ チューブコメカスタムCSSテスター 👉 サポートページ TwitchコメカスタムCSSテスター 👉 サポートページ これらのカスタムCSSテスターを使うと、手持ちのカスタムCSSを実際のコメント欄のオーバーレイのURLと一緒に読み込んで、どの様に表示されるかをブラウザで確認出来るほか、ブラウザの開発者ツールを使ってCSSのエラーを確認する事も出来ます。 このメモでは、各カスタムCSSテスターの使い方よりも、オーバーレイをブラウザで読み込んだ際にカスタムCSSのエラーをブラウザの開発者ツールでどのように確認出来るかを説明しているので、上記のカスタムCSSテスターの使い方については各拡張機能のサポートペー...

OBSなどの配信ツールを使ってツイキャスのライブ配信をしたり、自分のライブ配信のコメント欄を表示したい場合は、ツイキャス公式サイトの 「 ツール配信 」ページ にある  ツールとの連携設定 から各ユーザー向けの設定をコピーして使う必要があります。 この設置を表示する方法は、過去に何度も変更になっていた時期があって(👉 過去メモ参照 )、ここ数年は割と長い期間固定されていましたが、最近また更新になったのでここにメモしておきます。 [ 目次 ] 「ツール配信」ページと「ツールとの連携設定」 「サーバー/ストリームキー」タブ 例: OBSの配信設定 「配信ツール向けオーバーレイ」タブ 例: OBSにコメント欄を追加する 因みに、 「ツール配信」ページ は、ツール配信時にサーバーからのエラーメッセージが表示される他、テロップの更新やアンケート機能の操作なども出来る為、OBSなどを使ってツイキャスのライブ配信をする時には同時に開いておくと便利なページです。 「ツール配信」ページと「ツールとの連携設定」 「ツール配信」ページは、次のURL 👉 http://twitcasting.tv/mybroadcastertool.php で直接開く事も出来ますが、 ツイキャスの公式サイト (https://twitcasting.tv) の上部ヘッダーの右側にある    配信する (①)をクリックした後に ①「配信する」 表示されるページの右上にある「 ツール配信 」(②)をクリックすると表示されます。 ...

スマホ/タブレットの画面をローカルネットワーク内のWebブラウザにミラー表示出来る無料アプリ、 『 画飛彡 (SCR Cast) 』 を作ったので、このアプリの使い方の その２ をここにメモしておきます。 👉 その１ 「 画飛彡 (SCR Cast) 」は現在、Android版が Google Play で、iOS版が Appストア で公開されていますが、画面のミラーにはWeb基準でもある WebRTC を使っているので、画像を受け取るOBS側ではブラウザソースを使って 画飛彡からコピーしたURLを開く だけでミラー画面の表示が出来る様になっていて、他にアプリをインストールする必要はありません。 [ 目次 ] 使用例 画面をブラウザにミラー (その１) 画面をOBSにミラー (このメモ) 👉 画飛彡 サポートページ @kii-memo-dev B. 画面をOBSにミラー 配信ソフトの OBS で「画飛彡 (SCR Cast)」からの画像を表示する場合は「 ブラウザ 」ソースを使ってクライアントページを表示します。 画飛彡 (SCR Cast) メイン画面 この場合、表示に必要な手順は、 その１ のメモにある「 A. 画面をブラウザにミラー 」とほとんど同じですが、一般的なWebブラウザーを使う代わりに、OBSの「 ブラウザ 」ソース を使うので、ステップ２と４が少し違います。 アプリのサーバーを起動 URLをアプリからコピーしてOBSのブラウザソースで開く アプリ側でキャスティングを始める ブラウザソースのプロパティ、「対話(操作)」...

スマホ/タブレットの画面をローカルネットワーク内のWebブラウザにミラー表示出来る無料アプリ、 『 画飛彡 (SCR Cast) 』 を作ったので、このアプリの使い方の その１ をここにメモしておきます。 👉 その２ 「 画飛彡 (SCR Cast) 」は現在、Android版が Google Play で、iOS版が Appストア で公開されていますが、画面のミラーにはWeb基準でもある WebRTC を使っています。 なので、画像を受け取る側に最近の一般的なブラウザを使えば アプリからコピーしたURLを開く だけでミラー画面が表示出来る様になっていて、他にアプリをインストールする必要はありません。 [ 目次 ] 使用例 画面をブラウザにミラー (このメモ) 画面をOBSにミラー (その２) 👉 画飛彡 サポートページ @kii-memo-dev 使用例 スマホやPCのWebブラウザに画面をミラー OBSのブラウザソースにスマホの画面をミラー ※: 画面をミラーするには、画面の送り側のデバイスと受け取りのブラウザの両方で設定をする必要があります。 画飛彡 (SCR Cast) メイン画面 A. 画面をブラウザにミラー 「画飛彡 (SCR Cast)」(アプリ)を使って、デバイスの画面を ブラウザにミラー表示する場合 は次の様な流れになります: アプリのサーバーを起動 URLをアプリからコピーしてブラウザでクライアントページを開 く アプリ側でキャスティングを始める ブラウザから「Connect」 1. アプ...