投稿

画飛彡 (SCR Cast): スマホ画面をブラウザやOBSにミラー表示できる無料アプリ (その2)

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

画飛彡 (SCR Cast): スマホ画面をブラウザやOBSにミラー表示できる無料アプリ (その1)

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

OBSでツイキャス・デザインスタジオ配信仕様時の注意点 (再)

イメージ
ツイキャスの配信を比較的簡単に設定出来るツイキャス「 デザインスタジオ 」使い方は、 デザインスタジオのサイト で配信画面を設定 (URLをコピー)。 サイトからのURLを使って、デザインスタジオからの配信画面を読み込んでOBSのブラウザに表示。 OBSで配信。 となリます。 デザインスタジオでは、スタジオのサーバーから送られてくる背景などの画面データをOBSで読み込んでから配信サーバーに送っているので、ネットのスピードに十分余裕がある場合は問題はありませんが、普段からギリギリのネット環境で配信している場合はデザインスタジオからのデータ量が多い場合は回線が不安定になってしまう可能性があるので注意が必要になります。 [ 目次 ] データーの流れ 光回線でも安定しない場合の注意点 ネット環境に制限がある場合 ビットレートを制限 動きの少ない画面設定 追記 データーの流れ デザインスタジオ使用時のデーターの流れを図解にすると次の様になります: デザインスタジオのサーバーから画像を(配信用のパソコン上の)OBSが読み込んだ後、他の画像ソースや音声などと一緒に、配信データーとしてライブ配信サーバーに送られて、ツイキャスの視聴者に配信されます。 つまり、デザインスタジオを使う場合は、スタジオの サーバーからダウンロードするデーター分をつけ加えても十分な余裕があるインターネット環境 が必要になります。 光回線でも安定しない場合の注意点 スペック的には問題が無い光回線を使っていても、ツイキャスからコピペするOBSのサーバー設定 rtmp://rtmp...twitcasting.tv/live?key=... の 最後に 「 &super=1 」が付く 超高画質設定 を使っていない ※ と十分スピードが出ないので、デザインスタジオからの画像に動きが多いと実際に配信される画像が荒くなったり、カ

ツイキャスで推しをサポートした日を簡単に確認する方法

イメージ
ツイキャスで自分がサポートしている人について: 『何時からこの人をサポートしているんだろう?』とか 『この人をサポートしてどれくらい経つんだろう?』 『推しをいつからサポートしてる?』 と思った事はありませんか? 少し面倒臭いですがツイキャスの サイトで確認する方法 (1) と、「 キャスポケットツール 」という アプリで簡単に確認する方法 (2) をここにメモしておきます。 [ 目次 ] ツイキャスのサイトで「いつからサポ」を確認 アプリで「いつからサポ」を確認: 『キャスポケットツール』 👈 (1) ツイキャスのサイトで「いつからサポート」を確認 PCのブラウザか、デスクトップ表示対応のスマホのブラウザを使う必要があります。 ユーザーの「サポーター」ページ ツイキャスのサイトで、いつからサポートしているかを確認したいユーザーの「サポーター」のページを開きます。 「登録順 (新着)」 ランキングの右端に「 その他 」とあるのでクリック/タップすると次にある様にポップアップでメニューが表示されます。 次に、開いたポップアップメニューの「 登録順 (新着) 」を選びます。 すると、このユーザーのサポーターの一覧が最新の登録日時から順に表示されるので、そこから自分が載っているページを探します (※スマホアプリでも同様のページを表示出来ますが、日時は表示されません。)。 サポーターのページはURLだと twitcasting.tv/ ユーザーID /newbackers/ ページ番号 といったフォーマットになっているみたいなので、何時頃からサポートしているのか大体の日付を覚えている場合はページ番号に検討をつけてからURLを指定してジャンプする事も可能だとは思います… 上の例の「 キャスくん 」の場合は この時点 でサポ

ツイキャスの新機能: OBSからもスタジオ配信

最近、ツイキャスで、配信関連の新機能追加が続いている様な気がしますが、、 4月に スマホ用として公開された『スタジオ配信』 がブラウザ配信にも対応した模様です。 【お知らせ】 / スマホで好評のスタジオ配信がPCでも利用可能に! 誰でも簡単にブラウザから 素材を自由に組み合わせて配信画面が作れる 「ツイキャス デザインスタジオ」が新登場! \ 作成した画面をワンクリックでOBS等の配信ツールと接続可能 🔽利用はこちら https://t.co/9v6XqfwEkx pic.twitter.com/yWajzqDy6V — ツイキャス公式 (@twitcasting_jp) June 2, 2023 👉 URL 「 Chat Box 」のツイキャス版という位置付けですかね。 「 ツイキャス デザインスタジオ 」 ( https://studio.twitcasting.tv/studioeditor ) 要ログイン ツイキャス デザインスタジオ: 利用にあたっての遵守事項 これからOBSでツイキャス配信を始める人には設定のハードルが低くなって良いとは思いますが、これが浸透してしまうと当サイトで公開しているツイキャスのコメントオーバーレイ用のカスタムCSS ( キャスコメカスタム )の需要がどんどん減っていってしまうような😐 (因みにデザインスタジオは、ブラウザ配信に対応していない?? 追記: 👉  OBSでツイキャス・デザインスタジオ配信仕様時の注意点

[OBS] 気になるコメント欄のぼやけ (シーン上での変換と大きさ)

イメージ
OBSを使ったライブ配信で、コメント欄のオーバーレイをシーン上に表示する際、コメント欄の表示サイズをマウスを使って調節すると場合によってはコメントの文字がぼやけてしまうので、文字がぼやけにくい設定方法をここにメモしておきます。 このメモはあくまでも自分の配信画面上のコメント欄のぼやけが気になる人向けのメモです。 特に気にならない方は読み飛ばして下さい。 [目次] コメント欄オーバーレイ シーン上での変換 (Transform) シーン上での修飾キーを使ったマウス操作 プレビュー画面でマウス操作が出来ない場合 設定方法 変換をリセット ブラウザソースの「幅」と「高さ」を調節 カスタムCSS [付録] 変換の編集 関連メモ 📝 気になる配信画面のぼやけ : 解像度編 (スケーリング) 📝 気になるコメント欄のぼやけ : シーン上の変換 (このメモ) コメント欄オーバーレイ OBSのブラウザソースの プロパティ ( 幅 と 高さ ) コメント欄のオーバーレイはOBSのブラウザソースを使って表示する場合がほとんどですが、OBSのブラウザソースはシーンに追加した際に 幅 800ピクセル 、 高さ 600ピクセル の、800x600の大きさが既定値として設定されます。 配信画面の解像度は配信サイトや配信の種類などによって推奨解像度が違いますが、下の例にある様に、キャンバスの解像度が1280x720に設定されている場合だと、既定値の大きさでブラウザソースを配置するとコメント欄が比較的大きく、逆に、解像度が1920x1080の場合だと既定値の大きさだと比較的小さく表示されてしまいます。 こうなるとブ