[アーカイブ] キャス専門店『コメ欄』✚ (プラス) v0.2.x: サポートページ
最新版のサポートページはこちらの👉URLを参照して下さい。
スマホでツイキャスの配信コメント欄をカスタム表示出来るアプリ、『コメ欄』。
これまではAndroid SDKで開発していた『コメ欄』Lite はAndroidのみ対応のアプリでしたが、この程 ()、AndroidとiOSにも対応している開発環境のFlutter SDKで開発した、
をGoogleストアでリリースしました。
『コメ欄』Liteとの違いとして、『コメ欄』✚は動画背景やバナーなどが表示出来る他に、5つのシーンを切り替える事が出来ます。 なので、インストールに必要なストレージは、Liteと比べると『コメ欄』✚の方が大きくなっています。
現時点ではGoogle PlayでAndroid版のみのリリースですが、iOS版も準備中ですでしたが、審査が通らなかったので、v0.3.x以降でのサポートされています。。
このアプリはあくまでもツイキャスのコメント欄を表示するアプリで、直接ツイキャス配信をする機能は内蔵されていません。
このアプリでコメント欄を表示してツイキャスのライブ配信をする場合は、ツイキャスの配信アプリの「スクリーン配信」機能を使ってスマホに表示されている画面を配信する必要があります。
キャス専門店『コメ欄』✚ (プラス)のデモ動画
現バージョンではアプリ内でのコメント欄の表示が可能※ (アプリ内表示モード) で、このモードでは背景画面として:
- 背景色: (単一色、線形グラデーション、放射グラデーション)
- 背景画像
- 背景動画
- カメラ: からの映像
を設定する事が出来ます。
コメント欄は背景画面の手前に表示されますが、コメント欄の他に:
- 画像 (移動可)
- テキストバナー
も表示する事が出来ます。
※『コメ欄』Lite ではコメント欄をAndroidのホーム画面上に表示する事が出来ますが、現バージョン (v0.2.2)の『コメ欄』✚ではこの機能は無効になっています。
- 初期設定 (別メモ📝👉「初期設定」参照)
- メイン画面
- ナビゲーションメニュー
- 更新履歴
『コメ欄』✚ 関連
- サポートページ (このメモ)
- 📝初期設定
- kii_memo_jp プライバシーポリシー (個人情報保護方針)
１.初期設定
コメント欄を表示するにはツイキャスのサイトからコメントオーバーレイ表示用のURLをコピーして、アプリのメイン画面の上部にある コメントオーバーレイ設定 内で、最低でも１つ設定する必要があります。
設定方法の詳細は👉メモ📝「初期設定」を参照して下さい。
２.メイン画面
メイン画面は主に
- コメントオーバーレイ設定: コメント欄用のオーバーレイURL設定の選択/編集
- カスタムCSS: カスタムCSS設定の選択/編集
- プレビュー: 選択されている設定を読み込んで表示を確認
の3パネルで構成されています。
「コメントオーバーレイ設定」と「カスタムCSS」は初期設定後はパネルは折り畳まれてコンパクトに表示される仕様になっています。
プレビュー
読み込み ボタンをタップすると、選択されている「コメントオーバーレイ設定」と「カスタムCSS」の設定を読み込んで、コメント欄がどの様に表示されるかを確認する事が出来ます。
コメントオーバーレイ設定
初期設定でコメント欄用のオーバーレイのURLを設定をするのに使ったパネルですが、URL設定が1つ以上設定されている場合は、 (追加) ボタン以外に、次の3つのボタンも表示される様になります。
- (コピー) ボタン: 選択されているURL設定の値をデバイスのクリップボードにコピーします。
- (削除) ボタン: 選択されているURL設定の値を削除します。
- (編集) ボタン: 選択されているURL設定の値を編集画面で編集します。
又、オーバーレイ設定が複数登録されている場合は、設定名をタップする事で設定の一覧がポップアップで表示されるので、その内から適当な設定を選択する事が出来ます。
カスタムCSS
カスタムCSSパネルではコメント欄の表示時に読み込むカスタムCSSの選択と編集が出来、オーバーレイ設定パネルと同様に4つのボタン ( ) が配置されています。
初期設定ではいくつかのカスタムCSSがプリセットととして設定されていて、コメントオーバーレイ設定と同様に、カスタムCSS名をタップする事でCSS名の一覧がポップアップで表示されるので、その内から適当なカスタムCSSを選択する事が出来ます。
プレビュー
このパネルでは上のパネルで選択されているURL設定とカスタムCSSを使って実際にコメント欄をプレビューとして読み込んで確認する事が出来ます。
読み込み ボタンをタップするとプレビューが表示される仕様になっているのと、右側にある ボタンをタップしてプレビューの背景色の変更も可能です。
３.ナビゲーションメニュー
メイン画面の左上にある「」メニューボタンをタップするか、
画面の左端に指を当てて、中央へとスライドするとナビゲーションメニューが開きます。
ナビゲーションメニューには次のオプションがあります。
- コメント欄を表示: アプリ内コメント欄表示画面に移動します。
- 設定: 設定画面に移動します。
- このアプリについて: アプリのバージョンやオープンソフトのライセンス情報が確認出来ます。
- 終了: Android版のみで表示されます。
設定画面
この画面には:
- 一般設定
- アプリ内表示画面設定
のセクションがあります。
一般設定
この画面には次の設定があります。
- Webキャッシュをクリア: コメント欄の表示に使われているWebブラウザが読み込んでいるキャッシュ内の情報を消去します。
- 背景画面の回転方向: 画面を縦向き↔︎横向きにた際に画像をどの方向に傾けるかを選択します。
- 表示位置の初期化: オーバーレイ内の表示アイテムの位置をデフォルト値にします。
アプリ内表示画面設定
アプリ内表示画面で表示出来る各アイテムのプリセット設定の変更が出来ます。
- 背景色の設定: 背景の塗りのプリセット設定
- 背景画像の設定: 背景に表示される画像のプリセット設定
- 背景動画の設定: 背景に表示される動画のプリセット設定
上記のアイテムは背景として表示される為、プリセット設定外で実際に表示される画面上の位置を変える事は出来ません。
又、背景は後ろから、背景色 > 背景画像 > 背景動画の順番で表示され、前に表示されるアイテムの透過が有効になっていない場合後ろのアイテムは表示されません。
- 画像(移動可)の設定: 移動可能な画像アイテムのプリセット設定（大きさや回転など）
- テキストバナーの設定: テキストバナーのプリセット設定（フォントや色など）
上記のアイテムは （プリセット設定内ではなく）「アプリ内表示画面」上で、表示位置を調整出来ます。
関連ページ
- サポートページ (このページ)
- 📝初期設定
- kii_memo_jp プライバシーポリシー (個人情報保護方針)
４.更新履歴
バージョン 0.2.x
| バージョン | 更新内容 |
| 0.2.6 ( 公開) |
Android13以上でメディアにアクセス出来ない不都合が確認されていますが、次バージョンの0.3.0で対応しています。 |
| 0.2.5 ( 公開) |
|
| 0.2.4 ( 公開) |
|
| 0.2.3 ( 公開) |
|
| 0.2.2 ( 公開) |
|
| 0.2.1 ( 公開) |
|
| 0.2.0 ( 公開) |
|
コメント
コメントを投稿