第8回PeerCast忘年会ハッカソン wiki

odango_san

今回の目標!

配信用、掲示板閲覧&読み上げ&字幕ツールの調整

作ったもの!

最新版 16/12/22

色々

  • flashは使用していません。
  • 可能な限りしたらばへの負荷をかけたくないので、リロードは最低限にしたいと考えていて以下は対応するか未定
    • 起動時の読み込み開始
    • 書き込みと同時にリロード

今後の予定(未定)

  • v2.0.0で完成
    • したらばなどの仕様変更以外では更新しない
  • 配信者用部分の切り出し
    • 通常のスレッドビューワーとして機能するように
  • CaveTubeのログイン無しでのコメント投稿

要望

  • 2ch形式(したらば以外)対応
    • 結構大変
  • 外部ツールからの[liveport.exe URL]呼び出し
  • トップページリンクの場合一覧表示
  • 右クリックメニュー・URL貼り付け
    • 技術的に可能か確認中

↑イベント後

↓イベント中

コメントありがとうございます

追記

  • 別バージョンとして字幕表示なしの一般的なビューワーを作ることは可能です
  • liveport.exe スレッドURL として呼び出すと(PeerstViewer的に)そのURLが表示される
  • などは対応できると思います
  • 自動スクロール設定の保存などは、好みが分かれるかな?と思っていますので対応するかどうかは難しいところです
  • 今回[Material Design Lite]というフレームワークを使用しています
  • フレームワーク
    • あらかじめタイトルバー、ボタン、スライダーなどをきれいな見た目に整えてくれる便利な道具
    • その代わり自由度は下がり、独自に改変すると画面が崩れてしまう可能性が高まります
  • カスタムCSSに対応させることは可能ですが、僕自身も仕様を把握していないので、意図しない表示になる可能性があります
  • アドレスバーも仕様の一部なので、変えるとしたら全て一から書き直す必要があるかもしれません
  • 現時点で簡単に色分けするなどは可能です
  • 不具合は解消したい(`・ω・´)
  • でも再現性がない(´・ω・`)
  • 書き込みも対応したいものの文字コードの変換でとても辛い目にあっています

liveport - live broadcast support tool.

image

何を目指しているか

  • 配信者用補助ツールとしての立ち位置を考えています

何を解決したかったか

  • よくある配信の画面構成は、ゲーム画面などの上に字幕表示を重ねて表示していると思います
  • または取り込み範囲外に字幕を表示してそれを別枠として取り込んでいる事もあります
  • 重ねて表示している場合、
    • 字幕がゲーム進行の妨げになる
  • 別枠で取り込んでいる場合、
    • 配信取り込みの範囲外を別枠で表示するのが煩わしい
    • 意図しないウィンドウが映り込む
  • ということが起こります
  • [liveport]+[OBS Studio]を使えば、それらを解決することが出来ます

詳しい説明

  • 基本的なwebページは一度表示すると画面を閉じる、リンクをクリックするなどをしない限り、表示したときと同じ画面が表示され続けます
  • 一方でjavascriptやflashなどで画面表示を後から操作することが出来ます
  • 例:twitterは表示したままにすると[新着メッセージ]が届き画面が変化します
  • [OBS Studio]にはBrowserSourceというWebページを取り込んで表示するという機能があります
  • その2つを利用して画面への重なりや取り込みミスなどを気にすること無く字幕表示ができるようにしました
  • 取り込んだwebページは配信者の画面に実際に表示されることはありません
  • レス表示や字幕テキストは[http://localhost:3000]にアクセスするとそのブラウザ上に表示されます

注意点

  • 裏でサーバーを起動している関係上、複数起動が出来ません
  • ※不可能ではないが現状手間がかかる
  • その関係上メインビューワーとしての使用には向かないと思われます

変更点

製作中

  • 書き込み

コメント!

ななし: 要望です。レス書き込みも出来るようになりませんか? @12月10日
ななし: キーボードZキーおしたら書き込みウィンドウが表示されるようにしてほしいです。 @12月10日
ななし: スレッド一覧表示機能がほしいです。 @12月10日
ななし: ウィンドウを閉じた際に、ウィンドウ位置の保存とウィンドウサイズの保存機能がほしいです。 @12月10日
ななし: 自動更新に後何秒とかステータスバーに色々情報を表示してほしい、書き込みだったら書き込み中ステータスであるとか @12月10日
ななし: 要望聞いていただいてありがとございます。 @12月11日
ななし: 後は書き込みできればメインビューワーにしたいんだけどな~、レス読み機能って一つレス読み上げるたびに「新着レス:0、データ取得開始」って小窓がぴょこぴょこでるけど、ちょっとうるさく見えないですか?よくこの機能使う人はこうであったほうがいいもんなんだろうか、もっと色々設定できたらな~ @12月11日
ななし: これ読み上げなくても更新のたびに点滅するのか・・w @12月11日
ななし: 出来たらピアストビューワみたいにスレ内背景の色、レス番号、名前、ID欄、リンクとか色分けするか自分でカスタマイズ出来るようにしてほしいです。 @12月11日
ななし: なんか使い方がよくわからないんだけど、字幕用テキストというのは、レスがきたらデスクトップのどこかにニコキャスみたいな字幕がデスクトップのどこかに表示されるってこと?表示されない、字幕テキスト設定ボタン→適当に文字入力→表示する押しても反応ない>< @12月11日
ななし: 新着レスはレス番号のみ太字になるとか文字色かえるとかあると助かります。 @12月11日
ななし: ウィンドウ上部の青いアドレスバーの帯、太過ぎないですか?これスマートにして1レスでも多く表示したいです @12月11日
ななし: http://fast-uploader.com/file/7037012210524/ ←不具合かな?こっちの環境のせいかわからないけど、オートスクロールにして常に最新レスがウィンドウ一番下に表示されるようにしています。ですが一番下の最新レスがこのように途切れていたり、完全に1レス分隠れていたりで正しく表示されないです。完全にスクロールされないです。この画像では653番が最新だけどこのようになります。さらに長時間使っているとこれがどんどん伸びて行って最新レスが10レスも前の物として表示されます。 @12月11日
ななし: ↑あれ?今は正しく最新レスまでスクロールされてる、どういう状況で上みたいな不具合でたのか再現の仕方がわからない @12月11日
ななし: ビューワー立ち上げたら自動的に読み込み開始ONになってる状態にしてほしいです。この部分も終了時に保存とかデフォルトで設定できるようにしてほしい @12月11日
ななし: ビューワー立ち上げ→読み込み開始→最新まで移動ボタン、この一連の動作を立ち上げるたびにきちんとやれば、オートスクロールの不具合が出ないでちゃんと最新レスが表示されるみたい、この3動作で最新まで移動ボタンを押さずに放置した場合、スクロールに不具合が出ます。(私の環境では) @12月11日
ななし: マウスジェスチャで↓→とか入力したらビューワー閉じるようになってくれると楽 @12月11日
ななし: 複数起動対応してないのか、ショック(´・ω・`) @12月11日
ななし: 今後のアプデに期待させていただきます。 @12月11日
ななし: 参考画像がいい具合になっている・・ @12月11日
ななし: 別バージョンとして字幕表示なしの一般的なビューワー←これ期待 @12月11日
ななし: コンタクトURLを板トップにしてる場合、アドレスを張り付けても何も起こらない、配信者のしたらばTOPのURLをアドレスバーに張り付けてエンター押したらスレッド一覧が表示するようにできませんか? @12月11日
ななし: ソフトークを使用すると /stop_now を10秒毎に延々読み上げ続けるのですが原因は何でしょうか? @12月16日
ななし: URL青い帯上で右クリックしてもメニューが出ないのは仕様ですか?アドレスのコピペにキーボード使わないとだめなのかな @12月11日
ななし: この配信者の板が読み込めない、したらばじゃないからかな?でもピアストだと読み込めるけど対応難しいのかな http://silver925.s25.xrea.com/test/read.cgi/ekusiru/1481457131/ @12月11日
ななし: 一般的なビューワーとして開発成功しました時には、PCRプレイヤーの画面を右クリックして出るメニュー欄「BBSブラウザでコンタクトURLを開く」でliveportを指定した時、そのコンタクトURLを自動で読み込み&新着表示してる状態からスタートするようになることを願っています。 @12月11日
ななし: 通知出ないようになってるのと、背景が真っ白じゃなくなって眩しくなくなってとても見やすくなりました。新着通知もありがたいです @12月11日
ななし: なんかここのコメント欄、投稿の順番がぐちゃぐちゃになってる、日付や時間通り順番に表示されなくなってるw投稿多すぎたせいか・・(´・ω・`) @12月11日
ななし: 変更点の所にv1.3.0のリンクがあるせいでv1.4.0がリリースされてたの気づかなかった。最後のリンク消しといたほうがよくないですかね @12月11日
ななし: 書き込み対応していただいてありがとうございます。SHIFT+エンターで書き込みが出来ると嬉しいです。後書き込みウィンドウは表示されてるレスに被らないように最新レス一番下に行追加みたいになりませんか?実況する時は常に書き込みウィンドウ表示させたいんですけど、レスにかぶっちゃってると辛いです @12月14日
ななし: 右クリックメニュー・URL貼り付けというのはアドレスバーで右クリックが効くようになったのでしょうか?こちらでは右クリックでメニューが開かないです。後、URLをバックスペースキーを押してアドレスを消去したり、キーボードを使ってコピペしようとしても反応がなくなったり、書き込みウィンドウ表示ボタンを押しても無反応なったり反応したりなんだか動作がおかしいです。win10,x64liveport @12月14日
ななし: http://jbbs.shitaraba.net/internet/5138/←このアドレス試しに張り付けてみたら対応してないURLですってエラー出ました。x32,x64どっちも試してみたけど、アップデート内容に書かれてる内容通りに動かない、はて・・? @12月14日
ななし: 書き込みウィンドウの位置とても気持ちいいです!ありがとうございます。 @12月14日
ななし: アドレスバーについて、長いURLを張り付けるとこの様に描画が崩れます→http://fast-uploader.com/file/7037295277771/ @12月14日
: うーん、アドレスバーの所がすぐにフリーズする、URLの入力がいっさい受け付けられないようになっちゃう @12月14日
ななし: 上のレスの長いURLをコピペで張り付けてエンターキー、描画が崩れた後、アドレスバーまわりがフリーズするようです。クリックとキーボード入力受け付けなくなりました。 @12月14日
ななし: これ右にぷかぷか浮いてるピンクのボタン群がレス文字に被っちゃうの結構窮屈だな・・ @12月14日
ななし: Shiftキー+Enterキー押したら書き込みできるようにするのって無理ですか?janeにもピアストにもついてるとってもはかどる便利機能なんだけど @12月15日
ななし: 2ch対応がんばって @12月15日
ななし: アドレスバーがフリーズする条件追加、左上の設定ボタンを押した後に普通にスレッド閲覧に戻ると、アドレスーバーがフリーズして何も入力受け付けなくなる @12月15日
ななし: デフォルトの状態の設定項目作るのは無理なんですか?今自動読み込み+最新まで移動+書き込みウィンドウ表示の3ステップを毎回liveport起動する度にやってるんだけど、やっぱりもうちょっと短縮できたらなと思う @12月15日
ななし: 要望聞いていただいてありがとうございます。1.7で手放せないレベルのブラウザになりました。使わせていただきます。 @12月15日
ななし: 後は多重起動だけや・・('ω')一応エラーメッセージ出た後に起動してくれるけど・・新しく生成したウィンドウは自動スクロールとか右のボタン類が機能しなくなるw @12月15日
ななし: しかし誤爆投稿防止にはちょうどいいという話もある @12月15日
ななし: 不具合?まずこの人のアドレスをライブポートにURL張り付けて読み込んで、スレッド一覧表示ボタンを押してください(次のレスに続きます。)→ http://jbbs.shitaraba.net/computer/44577/ @12月15日
ななし: で、現行スレッドがこのように2個同じものが表示されます。「上の段のスレッド」を読み込ませると正常に読み込まれて、ライブポートも正常に動いてるように見えます。しかし下の段のスレッドを読み込むとオートスクロール、自動読み込みが機能しなくなります。多重起動した時の複製された2個目のウィンドウの動作と同じ状態になる? http://fast-uploader.com/file/7037380437715/ @12月15日
ななし: ↑すいません、上の段とか下の段とか関係なくて、スクロールが機能しなくなる条件とかよくわかんなくなってしまった。 @12月15日
ななし: 書き込みウィンドウ縦に伸びるのはうれしいけど、横には伸びないのかな、書き込みウィンドウが狭いと改行の感覚が狂っちゃう @12月15日
ななし: スレッド一覧で勢いとか表示は不可能?現行スレがわかりやすいんだけど @12月16日
ななし: x64 「読み上げテスト」を一度押すと その後再起動するまで読み上げボイスの項目が操作不能になります @12月16日
ななし: ソフトークを使用すると /stop_now を10秒毎に延々読み上げ続けるのですが原因は何でしょうか? @12月16日
ななし: 要望です。どの配信者のスレッドを開いているのかわからなくなります。ステータスバーにスレッド名+板名を表示してほしいです。板名は大抵それぞれ自分の配信者名にしてる人が多いので、表示してほしい @12月16日
ななし: http://jbbs.shitaraba.net/bbs/read.cgi/game/32713/1481779607/ ←このURLを読み込ませると、スレッド一覧ボタンを押せばBBSのURLではありませんと表示され読み込めません。しかし読み込み開始ボタンを押すとスレを読み込みますが、書き込みウィンドウのデフォルト表示、新着までワープなど前回終了時の状態が保存されていない状態になっていて不安定な動きをしました。また再現方法不明ですが、ちょくちょく起こることがありましてこのスレを読み込ませたらサイドバーボタンが灰色になって何も操作できない状況になります。ライブポートを再起動しても治りません、直す方法は他の配信者のしたらばURLを手動で張り付けてエンターしてスレを読み込ませることのみです。 @12月16日
ななし: http://jbbs.shitaraba.net/bbs/read.cgi/game/32713/1481779607/ このスレを読み込ませたら読み込み開始ボタンを押してから一覧を表示ボタン押せば表示されました。ってまたこういう風になった。こうなったらライブポート再起動しても同じ画面がずっと表示されちゃいます。http://fast-uploader.com/file/7037429528874/ @12月16日
ななし: http://fast-uploader.com/file/7037429528874/ ←こうなったら別の配信者のスレッド読み込ませてもオートスクロールが機能しなくなる、以前の終了時の状態が復元されなくなる、デフォルトで読み上げが開始されるという状態になります。 @12月16日
ななし: 板名表示してくださってありがとうございます。 @12月17日
ななし: タイトルバーにも同様にスレ名表示ないと最小化した時不便に感じます。 @12月17日
ななし: Ctrl + Enterでも書き込みできるようにしてほしい。Shiftとどちらか選べればさいこう @12月18日
ななし: 起動後自動で読み込み開始してほしいな~~~ @12月18日
ななし: 書き込みが完了したら、内容をすぐ見えるようにスクロールしてほしい。現状、書き込んですぐは書き込みウィンドウにかぶってる @12月18日
ななし: ↑同じくビューワー開いたら新着で一番下がいきなり表示されてて自動読み込み状態になってるのが嬉しいんだけど、どうやら作者さんによるとこの辺を変える必要はないってちょっと前に書いてたよ @12月18日
ななし: スムーススクロール機能があるせいかな @12月18日
ななし: 書き込みした瞬間に同時に更新してくだされば・・ @12月18日
ななし: VGAがRadeonなんですけど、起動したらコア・メモリクロックが一瞬跳ね上がってモニタにノイズが入って、その後元に戻る Flashか何か使ってる? @12月19日
ななし: VGAがRadeonなんですけど、起動したらコア・メモリクロックが一瞬跳ね上がってモニタにノイズが入って、その後元に戻る Flashか何か使ってる? @12月19日
ななし: VGAがRadeonなんですけど、起動したらコア・メモリクロックが一瞬跳ね上がってモニタにノイズが入って、その後元に戻る Flashか何か使ってる? @12月19日
ななし: 神アップデートありがとうございます @12月23日
ななし: ありがとうございます @12月23日
ななし: 最新版でも起動時に一瞬コアとメモリクロックが上限に張り付くのは変わらず @2月5日
ななし: 今頃担って気づきました。テストしてみたので要望を書きます @9月4日
ななし: 次スレ自動移行機能もしくはスレが埋まるとスレを閉じたりアプリを終了したいです @9月4日
ななし: それとttp://publish-tool.blogspot.jp/search/label/livegearの外部アプリ呼出し機能を使って正規表現でレス内容を10種類くらいに分別し読上げツールを変えたりしてたので正規表現フィルター付きの外部アプリ呼出し機能が欲しいです @9月4日
ななし: 2ch対応についてはttp://prokusi.wiki.fc2.com/こういうのが幾つかあるのでポート指定できる設定項目があれば良いと思います @9月4日
ななし: 画像については表示した画像キャッシュをJaneのように保管してくれると振り返る時に便利なのとブラクラ画像対策にJaneのNGFiles.txtを流用できると嬉しいです。以上が要望です @9月4日
oqkrjy: 88rmaJ <a href="http://wecbmpcpilar.com/">wecbmpcpilar</a>, [url=http://bwmsobnhvcjs.com/]bwmsobnhvcjs[/url], [link=http://yzgaamxjnxhn.com/]yzgaamxjnxhn[/link], http://okjxhaltljef.com/ @1月30日
hzqmsimwx: qttczr@zswflr.com @4月16日
ななし: したらばのhttpsにも対応してくれないかなーちらっちらっ @12月19日
aptbnkpsd: 2rand[0,1,1] @1月20日

名前: コメント:

Edit | Back