HTMLViewer機能概要

スポンサーリンク

概要

別途紹介しているMultiCommentViewerと連携してコメントをHTMLで表示できるツール
主に配信ツールであるOBS(Open Broadcaster Software )かXSplit Broadcasterで
利用されることを想定している。
HTML形式のため背景の透過や、MultiCommentViewerでは表現できない
コメント表示アニメーションで表示させることが可能となる。

Donwloadはこちらから

利用技術

動作環境

・Open Broadcaster Software®️
・XSplit Broadcaster

開発環境

Visual Studio Code

利用フレームワーク

Bootstrap

技術

HTML
CSS
javascript
websocket

制作時期

2017年1月から公開開始

機能一覧(動作)

ここで上げる機能はHTMLViewer内部(main.js)の変数を直接変える事で
実現できる機能である。

コメントの最大表示数変更機能

コメントの最大表示数を指定できる機能
(デフォルト:3)

コメントの表示速度変更機能

コメントの流れる速度を指定できる機能
最遅速度(デフォルト:200)
最速速度(デフォルト:50)

コメント表示方法変更機能(ボトムアップ形式、ライトレフト形式、フロー形式)

コメントの表示方法(流れる方法)を指定できる機能
・下から上に流れる形式(デフォルト)
・右から左に流れる形式
・画面上をメインに流れる形式

コメント自動削除機能

時間経過で自動的にコメントが消える機能
(デフォルト:0)
※0は消えない設定

投稿者表示機能

コメント投稿者を表示する機能
(デフォルト:表示しない)

機能一覧(表示関連)

ここで上げる機能はHTMLViewer内部(comment.css)の変数を直接変える事で
実現できる機能である。

コメントフォント変更機能

コメントの表示色、大きさ、フォントサイズを変更できる機能

コメント折返し機能

収まりきらない湖面を折り返す機能
(デフォルト:折り返さず省略する)

紹介動画

生放送でコメントを透過表示する方法
HTMLViewer
スポンサーリンク
シェアする
kuiをフォローする
kuiのブログ

コメント

タイトルとURLをコピーしました