投稿

ラベル(アンドロイド)が付いた投稿を表示しています

ツイキャス専門店『コメ欄』Lite: アプリ内表示画面設定ガイド

イメージ
このメモは、Androidスマホでツイキャスのコメント欄を表示出来る、配信支援アプリのツイキャス専門店『コメ欄』Liteのアプリ内表示画面の設定ガイドです。 👉 ツイキャス専門店『コメ欄』Lite サポートページ 『 コメ欄 ( Comme Lan ) 』は、ツイキャス公式アプリのスクリーン配信機能によってデバイスの画面をそのまま配信するのが前提のアプリの為、 配信中は、誤って個人情報を画面に表示しない という 一般的なスクリーン配信に共通する注意掛けが必要 になります。 ホーム画面表示モード を使って配信をする場合は、事前にホーム画面上に個人情報が含まれていないかを確認する必要があります。 アプリ内表示モード では、配信画面の背景画像を設定出来ますが、表示したい画像を選択する際は、画像の一覧として表示したくない画像もデバイスの画面に表示される可能性もあるので、絶対にプリセット設定の変更を配信中には行わず、アプリ内表示モードで表示したい背景画像などの配信用コンテンツは配信の前にプリセットとして設定を完了しておく必要があります。 今回は「ツイキャス専門店『 コメ欄 ( Comme Lan ) 』 Lite ( ライト ) 」のアプリ内表示モードのプリセットを設定するのに使う「 アプリ内表示画面設定 」についてメモしておきます。 [ 目次 ] アプリ画面の流れ 画面設定 アプリ内表示画面設定 背景色設定画面 背景色設定 ツイキャス専門店『コメ欄』Lite 関連ページ ツイキャス専門店『コメ欄』Lite: サポートページ クイックセットアップ ガイド アプリ内表示画面設定ガイド (このページ) アプリ画面の流れ (画面展開フロー/画面遷移図) ツイキャス専門店『コメ欄』Liteのスタート画面から「設定画面 (⑥)」と「アプリ内表示画面 (①)」への流れを図解にすると次の様になります。 ...

ツイキャス専門店『コメ欄』Lite: クイックセットアップ ガイド

イメージ
ツイキャスのコメント欄をAndroid端末でカスタム表示出来るアプリ、 ツイキャス専門店『 コメ欄 』 Lite ( ライト ) が、Googleプレイで公開され始めたので、 クイックセットアップガイド をここにメモしておきます。 このアプリはツイキャスの配信用アプリのスクリーン配信機能と合わせて使うと、ツイキャスのPC配信で良くある配信画面にコメント欄を合成した配信が可能になります。 コメント欄の表示には、ツイキャスの「配信ツール向けオーバーレイ」の設定が必要なるので、PC版配信でオーバーレイの設定をした事がない人には少しハードルが高いかもしれませんが、この設定ガイドをゆっくり読みながら設定を進めてもらえたらと思います。 『コメ欄』Liteのもう少し詳しいセットアップ(設定)と他の機能については「 サポートページ 」を参照して下さい。 ※ 『コメ欄』Lite の設定中に端末からこのページを閲覧している場合: Googleプレイの 『コメ欄』Lite のプロダクトページ にある 「このアプリについて」 の最後に、このページ (クイックセットアップ ガイド) へのリンクがあるので、パソコンや別端末などのブラウザでリンクを開いて、このページを確認しながら設定をすると良いかもしれません。 [ 目次 ] インストール 初期設定 「他のアプリの上に重ねて表示」権限の許可 コメントオーバーレイURLの設定 オーバーレイ表示用のURLをサイトからコピー オーバーレイ表示用のURLをペースト 設定したURLの確認 コメント欄の表示 ホーム画面表示モード アプリ内表示モード ツールバー ツイキャス専門店『コメ欄』Lite 関連ページ サポートページ クイックセットアップ ガイド (このペ...

ツイキャスのコメント欄をスマホのライブ画面に表示...『コメ欄』Lite (アンドロイド版)

イメージ
アンドロイド (Android)で、 ツイキャス のコメント欄を配信画面内に表示できるアプリ、 ツイキャス専門店『 コメ欄 ( Comme Lan ) 』 を作ってみました。 コメント欄をホーム画面に表示出来る他、アプリ内蔵のコメント欄表示画面もあるのでホーム画面を表示せずにライブ配信をする事も可能です。 OBSなどの配信ソフトを使ったPCからのツイキャス配信だと、コメント欄を配信画面に表示するにはいくつかの方法があって、ツイキャスの「 ツール配信用オーバーレイ 」を使って、同時にカスタムCSSを読み込んで表示をカスタマイズする方法が一般的だと思いますが、『 コメ欄 ( Comme Lan ) 』を使うと同じ方法でスマホの配信画面にコメント欄を埋め込む事が出来ます。 ツイキャス専門店『 コメ欄 ( Comme Lan ) 』(仮名) このアプリはAndroidでサポートされている システムオ-バーレイ という機能を使ってコメント欄のホーム画面への表示を可能にしています。 iPhone/iPadの場合、同様の機能は個人で作るアプリでは有効に出来るみたいですが、ストアで一般公開するアプリには許可されない機能となっている様です。 なので、現在のスマホ市場の主なシェアを占めるiPhoneとAndroidでは、ホーム画面にコメント欄を表示出来るのはAndroidのみとなっています。。。 需要があればホーム画面表示機能無しのiPhone版も公開しても良いのですが。。(小声) New: 『コメ欄』 ✚ プラス 『コメ欄』のAndroid/iOS対応の多機能版で、動画を背景として表示したり、表示内容をシーン毎に切り替えたりが出来ます。 但し、機能が増える為、必要になるストレージ領域が大きくなります。 👉 『コメ欄』 ✚ プラス サポートページ 現在、『コメ欄』は、GooglePlayに登録して審査待ちの状態で、まだ一般公開はされていませんが、無事に通過した場合は他にも機能を付け加えていき...

[OBS] アンドロイドの画面をコンピューターにミラー

イメージ
パソコンや携帯などのデバイスの画面を他のデバイスに表示する事を動詞では「 ミラー 」、名詞では「 ミラーリング (Screen Mirroring) 」と言います。 iPhoneやiPadの画面をマックにミラーしたい場合は、同じ会社の製品なので比較的簡単に設定する事が出来ます (👉「📝 マックとiPhoneで筋トレアプリ配信 」参照) が、アンドロイド端末の画面をパソコン(マック/ウンドウズ/リナックス)にミラーしたい場合はアプリのインストールなどのいくつかのステップが必要になります。 今回は、オープンソースの「 scrcpy 」を使ってアンドロイド端末の画面をミラーする方法に、OBSでのシーン設定も付け加えて、ここにメモしておきます。 [目次] 必要な物 ADB対応のアンドロイド端末 scrcpy 接続用USBケーブル やってみた OBSでのシーン設定 無線接続 このメモにある方法は、アンドロイド端末とパソコンをUSBケーブル又はネットワークで直接繋げる事でデバイスの画面をミラーする方法になりますが、別の方法として、ZoomやDiscordといった通話アプリの画面共有機能を使っても画面のミラーリングはネットワーク経由で可能です。 必要な物 Android Debug Bridge (ADB)対応のアンドロイド端末 scrcpy アンドロイド端末⇔パソコン接続用USBケーブル ADB対応のアンドロイド端末 アンドロイドはOSのバージョンがAndroid 5.0 (API 21: Lolipop)以上であればOSに標準装備されている ADB (Android Debug Bridge) のデバッグ機能を使う事でアンドロイド画面のミラーリングがコンピューターで可能になります。 なお、アンドロイドでADBのデバッグ機能を使うのには開発者向けオプションを有効にした後 ( 👉「📝 開発者向けオプションの有効化 」 )...

[アンドロイド] USBデバッグモード有効化

イメージ
アンドロイドスマホの開発者向けオプションの一つの「 USBデバッグモード 」を有効化する方法をここにメモしておきます。 このモードを有効にすると「 ADB (Android Debug Bridge) 」などのアンドロイド用の『 デバッガー 』と呼ばれる機能があるプログラムを使うとスマホの内部の情報を確認する事が出来たり、特定の動作の変更が出来たりします。 [ 目次 ] アンドロイドのUSBデバッグモード USBデバックモードの有効化 USBデバックモードの無効化 アンドロイドのUSBデバッグモード 元々は開発者向けのモードなのですが、アンドロイドのOSのバージョンがAndroid 5.0 (API 21: Lolipop)以上であれば、このモードを使ってアンドロイドの画面をコンピューターに ミラーリング (Screen Mirroring) する事が可能になります。 但し、このモードが有効になっている状態で、知らないコンピュータなどにUSB経由で繋げたりすると余計な権限をコンピュータに与えてしまう場合もあるので、 必要のない場合はこの「USBデバックモード」は出来るだけ無効にしておいた方が良いか と思います。 因みに、デバッグモードは『 開発者向けオプション (Developer options) 』の一部で、このオプションが有効になっている必要があります。 有効になっていない場合は、まず、次のメモを参考にして有効にしてください。 👉「 アンドロイドの開発者向けオプション(Developer Mode)の有効化 」 USBデバックモードの有効化 アプリのリストから設定アイコン(歯車の形のアイコン)をタップして『 システム画面 (System) 』を開いて、『 開発者向けオプション (Developer options) 』を選択して「開発者向けオプション」画面を開きます。 『 USBデバッグモード (USB debugging) 』横のボタンを選択して「USBデバッグモード」を...