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

アンドロイド (Android)で、ツイキャスのコメント欄を配信画面内に表示できるアプリ、ツイキャス専門店『コメ欄 (Comme Lan)』を作ってみました。 コメント欄をホーム画面に表示出来る他、アプリ内蔵のコメント欄表示画面もあるのでホーム画面を表示せずにライブ配信をする事も可能です。

OBSなどの配信ソフトを使ったPCからのツイキャス配信だと、コメント欄を配信画面に表示するにはいくつかの方法があって、ツイキャスの「ツール配信用オーバーレイ」を使って、同時にカスタムCSSを読み込んで表示をカスタマイズする方法が一般的だと思いますが、『コメ欄 (Comme Lan)』を使うと同じ方法でスマホの配信画面にコメント欄を埋め込む事が出来ます。

ツイキャス専門店『コメ欄 (Comme Lan)』(仮名)

このアプリはAndroidでサポートされているシステムオ－バーレイという機能を使ってコメント欄のホーム画面への表示を可能にしています。 iPhone/iPadの場合、同様の機能は個人で作るアプリでは有効に出来るみたいですが、ストアで一般公開するアプリには許可されない機能となっている様です。

なので、現在のスマホ市場の主なシェアを占めるiPhoneとAndroidでは、ホーム画面にコメント欄を表示出来るのはAndroidのみとなっています。。。

需要があればホーム画面表示機能無しのiPhone版も公開しても良いのですが。。(小声)

New:『コメ欄』✚プラス

『コメ欄』のAndroid/iOS対応の多機能版で、動画を背景として表示したり、表示内容をシーン毎に切り替えたりが出来ます。 但し、機能が増える為、必要になるストレージ領域が大きくなります。

👉 『コメ欄』✚プラスサポートページ

現在、『コメ欄』は、GooglePlayに登録して審査待ちの状態で、まだ一般公開はされていませんが、無事に通過した場合は他にも機能を付け加えていきたいと思います。

[追記 10月14日] Google Playでオープンテスト中です

👉 『ツイキャス専門 コメ欄 (早期アクセス)』

[10月25日] Google Playで公開になりました。

👉 Google Playツイキャス専門『コメ欄』Lite

ツイキャス専門店『コメ欄』Lite 関連ページ

• サポートページ
• クイックセットアップ ガイド
• アプリ内表示画面設定ガイド

使用例

次の例ではL○NE風のカスタムCSSを使ってコメント欄の表示をカスタマイズ表示しています。

なお、『コメ欄』 自体には配信機能がないので、ツイキャスのゲームズアプリを使うか、iPhoneの場合はツイキャス・ライプ (配信アプリ)、Androidの場合はビューワー(統合版)アプリのスクリーン配信を使う事で、コメント欄付きのツイキャス配信がスマホから出来ます。

Android版
ツイキャスゲームズ

対応OS: Android 7.0 以降

Android版
ツイキャスアプリ 統合版

加えて、右上の例では質○箱風のカスタムCSSでツイキャスのコメント欄をカスタマイズして表示しています。

追記

『コメ欄』バージョン0.1.1dからはアプリ内表示モードでカメラからの画像を背景に表示出来る様になりました。

外配信の場合はカメラからの画像がコメント欄と同じ配色になってコメント欄が見にくいという事が起こりやすいので、上の例では、別サイトの「kiimemo」で公開している
『コメ欄』用のL○NE風カスタムCSSを使って、吹き出しの周りに囲い線と影を表示しています。