【仕様】AbemaTV技術部 Part13【ツール】
■ このスレッドは過去ログ倉庫に格納されています
https://i.imgur.com/pl9yfho.jpg
全画面コメありで高普及のFHDで見るとこうだけど、
24インチくらいで60cm以内に近づかなきゃコメは小さくて読みにくい
そして60cmくらいで放送画面を見ると全体が見にくくて端はパースがかかって見辛い
全体がしっかり見えるとこまで下がると文字が小さすぎて全然読めない
24インチ以下程度なら邪魔くさいけど近づいたり離れたりで対応できなくもないが
最近安い50インチとかになるとそれも1m単位で動かなきゃならなくなり実質無理
https://i.imgur.com/OdflFxN.jpg
FHDの幅半分くらいのサイズだとコメが一度に8つくらいしか見えず
隙間を詰めたらあと4つくらい表示コメを増やせるだろうといつも思う
◯秒前◯分前も場所を取ってるだけで邪魔 漢字がずらっと並んでるのもキモい
線引いて色で分別すれば横2〜4px程度で判別できるようにできる
とりあえずアベマは最低限、
文字フォントサイズとコメ欄横幅サイズを設定で変更くらいはできるようにしないと
現状どんなディスプレイサイズでも中途半端で見辛いデザインにしかなっていない まともなUIすら作れないダメダメっぷり
素人が作った方のが使いやすいって・・・ https://i.imgur.com/dfHEYpv.jpg
この検索ボックス、奇妙だな
・横1170以下だと真ん中に余白がたっぷりあるにもかかわらず画面からはみ出る
・横1065以下あたりで、なぜか検索ボックスが右に動く、これが本当に意味不明
この時点で4文字くらいしか見えないので使い物にならない
・横970以下くらいで検索ボックスは完全に隠れる、検索ボックスをおけるだけの余白があるにも関わらず、だ
検索ボックスは右寄せ、左側にかぶるくらいになったら重ねず止める(左寄せ)ならわかるが
PCやタブレットで小画面でながら作業をする奴は機能を使わせねーよって方針なのかね? >>57
> .com-o-global-Header-root {
> min-width: 1180px;
> }
ファーーーーーーーwwwwww
コメントスクローラの次回更新でその公式謎指定を解除しておきます。
(autoにするだけで、しかるべき挙動になりました) >>26
やっぱこれが最も軽くて便利だ
アリガトー >>53
https://i.imgur.com/2eL0YJh.jpg
Screen Comment Scrollerを入れてコメの上の方(古いほう)の文字が
グレーにグラデして読みにくいのを無効にしたいんだが止める方法がわからない
なにか方法はあるだろうか? AbemaTV Screen Comment Scrollerの設定保存ってどうやるの?
ブラウザ閉じると初期設定にもどるんだけど 固定バグは直ったっぽいね
安定性と負荷軽減のために処理をシンプルにするのは基本賛成
でもコメ同士の会話がなくなってバラバラに独り言書いてる感じになった
全体がパチっと入れ替わるせいかな
1〜2秒に5行ぐらいづつなら会話になるかな
投稿した時だけ、パチっと最新状態に同期するとか
(今までの投稿時の高速スクロールは不安定要因だったようなので、そこはパチっと入替でいい) おめでとう!Google2018ベストアプリカテゴリー&総合優秀!! https://i.imgur.com/1h1TI9L.gif
このグラデーションの要素名が見当たらない 分かる人教えてほしい
上の方が見えなくてなんかいやだ
あと視聴数が半透明で見えててコメにかぶってるのも気になる 「Google Playベスト オブ 2018」でインターネットテレビ局「AbemaTV」が 「ユーザー投票部門」アプリカテゴリ 最優秀賞を2年連続受賞
https://www.cyberagent.co.jp/news/detail/id=22591 >>60 >>65
すみません、コメント一覧を映像に「重ねない」場合の処理を、私がミスったものです。
[data-selector="commentPane"] > div の mask-image あたりが該当しますが、
次回更新で修正されます。
>>61
クッキーに似た localStorage という仕組みを使っています。
無効になっているとすれば、ブラウザやセキュリティソフトが考えられます。 >>26 それぞれ更新しました。
複数タブを開いているときの通知、ウィンドウリサイズ時の処理、ほかここで挙がったバグなどを改善。
ただし >>52 の AbemaTV Auto Reload は未解決です。研究します。 有料で過去米見られるようになったって言うけど
ビデオが対象外なら
番組表から遡れる一週間前までのしか見られないじゃん >>26 >>52
コメントスクローラ v2.10.3 以降、AbemaTV Auto Reload と連携できなかった問題を解消しました。
# 連携の不具合とは別に、Auto Reload がたまに起動しないバグがあるようなので、
# Auto Reload のほうに問題箇所を報告しておきました。 AbemaTV Timetable Viewerで画面右端に表示されるAbemaTV公式チャンネル切り替えの
表示が乱れます。
@ ページ読み込み後の初回表示時は正常に表示されます。
ttps://imgur.com/R3m8pbw
A @でチャンネルを切り替えずに一旦画面を閉じて、再度表示すると乱れます。
ttps://imgur.com/UVlQYf1
Chrome:71.0.3578.80(x64)
Tampermonkey:4.7.44
AbemaTV Timetable Viewer:1.1.4 公式も新着コメントに短いハイライト入れてきたね。なめらかスクロールも近いうちに入れるつもりなのかな。
>>71 改善策を試行錯誤中です。 チャイナショック以来の24か月線割れ
10月の記録的大陰線よりIVが高い
月足筋の離隔は規模がデカい ハイライトもう少し長くして欲しいな
中の人はまじまじと見るから十分だろうけど、本編はあくまで映像なので、
映像に集中してる時に、視界の端っこでコメが動いたのを感じ、一拍置いてコメに目をやると、もうハイライトが消えてたり
1〜2秒保持してから減衰がいいと思う いつでも見逃した番組を楽しめる「Abemaビデオ」がリニューアル UI刷新やレコメンド精度向上でさらに便利に使いやすく
〜「Abemaビデオ」利用者数は昨年比で約2倍に〜
https://www.cyberagent.co.jp/news/detail/id=22597 https://i.imgur.com/yxxwQbF.gif
Chrome拡張でだいたいいけてるが、あとちょっとCSSで調整しないとしっくりこないな
フォントが小さい 秒前いらね 入力枠の上の余白が無駄 タイトルが2行になるとちょっと邪魔 何か昨日くらいからアベマでテンパーモンキーのアイコンに
実行中の数字が表示されなくなったんだけどオマカンかな?
で、スクリプト自体は効いてるの 設定
Action Menu
アイコンバッジの情報:
やぞ コメの固定バグは直ったわけじゃなく、上下逆にしたから影響が出にくいだけだな
なんで直せないのか不思議
よほど複雑で変な作りにしないと起きようがないバグ
他人が作ったフリーのモジュールに頼ってるのかな >>26 番組表ほかを更新しました。
動作速度の向上。
番組検索時に数値を尊重し、「#1」での検索で「#10」などは対象外に。
裏番組一覧を開くと画面が消えて再読み込みしたり、レイアウトが崩れる問題を解消。(>>71)
通知の不具合を修正。
ほか、軽微な修正。
>>76
拙作コメントスクローラは5秒ハイライト+1秒減衰、かつアニメーション付きです。
画面上を流れるコメントが不要なら、最大同時表示数をゼロにすれば流れません。もしよければ。 >>82
作者さんいつもありがと
Screen Comment Scrollerを使用してコメントは流しながらの
コメント一覧は画面に被らずに独立して表示させるモードがあるといいな
アベマデフォルトの>>78の画像のような状態でね >>84
設定で「映像に重ねる」をオフにすればたぶんご希望の通り右に別枠で表示されますが、
設定項目の表現をもう少しわかりやすく「透過して映像に重ねて配置する」に変えてみました。 >>85
早速の対応乙です。
恐らくそれじゃないかとチェック外しても、前のバージョンでは
自分の環境だと動画部分がセンターのままでコメ一覧とカブって表示されてたのよね
今のバージョンではキチンとできました。ありがとう >>82
下の帯がコメント入力欄にかぶってコメント打てない気がする >>82
サイドのコメント一覧を表示してしばらくするとコメントが止まって流れなくなるな >>82
新着コメは背景ハイライトより拡張の先頭マークみたいに
先頭に縦ライン引いたほうが文字の視認性が悪くならずに新着とわかって有用な気がする
https://i.imgur.com/neUzFPs.jpg
拡張のは一瞬ずれるからちょいイマイチだけど >>26 全体にナビゲーションの動きをキビキビさせてみました。
>>88
右側のコメント一覧にマウスカーソルを乗せたまま入力欄までカーソルを下げれば、下の帯はせり上がってきません。
また、ショートカットキーコントローラを導入していれば、[K][Space][Enter]でもコメント欄にフォーカスできます。
先ほどの更新で下の帯が反応するタイミングもずらしたので、邪魔になる頻度は減るかと思います。
>>89
Mac Chrome/Safari最新版と、Windows Chrome/Firefox/Edge最新版で再現しませんでした。
まれに、コメント投稿後に自動取得が止まって「新着コメント」ボタンが出てしまう現象は確認しています。
>>90
先頭マークほどではありませんが、映像に重ねない場合の背景色を調整して、視認性を向上させました。
(>>84に触発されて、わたしもここ数日は重ねないモードで日常利用しています) コメント一覧と透過して画面内に重ねてるコメントも
今と真逆の左に配置することとかできる? https://i.imgur.com/JV2sklA.gif
個人的には左右にコメ欄があると画面が横長になって視線移動が多くなるし
ニコみたいに画面内を走ると見辛いし画面が見えなくて邪魔なことがあるので
画面上下に数行コメントが更新されていく感じを提唱する >>89 わたしの環境でも遭遇しました。先ほど更新したので、改善するかどうか、また様子を見てみます。
>>92 Stylusなどでスタイルを上書きすれば、やれないことはないと思います。でもちょっと大変かな?
>>93 コメント専用エリアに「スクロールさせる」方式なら、ニコニコでもごく一部の番組でありますね。
そろそろ3スクリプトをワンセットにした拡張化に手を付けます。 shuffle一挙放送中にch自体が消えるバグ発生中w abemaビデオの連続再生ってオフに出来ないんでしょうか? >>96
やってみたけどbeforeunloadもpopstateも拾わないしclickでもないから、スマートな方法は思いつかないな。
.com-vod-VODScreen-next-program を監視しておいて、「次のエピソード」ボタンが表示されたときか、
残り1秒になった瞬間にボタンの x を自動クリックさせるしかない・・・かなぁ。 >>97
専門的な事は分からないんですけど、
>>.com-vod-VODScreen-next-program を監視しておいて、「次のエピソード」ボタンが表示されたときか、
残り1秒になった瞬間にボタンの x を自動クリックさせるしかない
これはどうやるのでしょうか? https://vgy.me/EwALow.jpg
公式番組表って長時間番組が多いと顕著に見辛さが浮き彫りになるな
なんなのか確認するためにポチポチポチポチ一個ずつ詳細開くクリックするか
スクロールで番組開始時間まで遡ることになる(最悪12時間前まで戻らなきゃ見えないこともある)
きっと今年1年かけても改善しないんだろうな 毎回毎回予約もしてない興味もない新しい窓の強制通知やめて 突発的に出る予約もしてない番組の通知ウゼーよな
他の動作の邪魔でしかねえ knoaさん、プンレクのやつ自分の環境だとダメみたい
ビミョーにスレ違いだけども 勢いで総合スレに貼ってしまったけど、ここに貼るべきでしたorz
AbemaTV Developer Conference 2018 まとめ
https://developers.cyberagent.co.jp/blog/archives/18504/
10月の記事だけど過去ログにもなかったので貼っときます。 こういうの作ってる人のを会社が雇わないからいつまでたってもUIが発展しない 公式弄られると拡張も対応しなきゃならないから発展しなくていいよ 拡張が必要なくなるような発展すればいいだけ
ニートみたいな言い訳すんなよ 言い訳も何も利便性の問題だろ
何年たっても問題解決しないならこっちで対応するしかない
自分は君みたいに無駄に我慢強くないから ただ、より使いやすく効率的に視聴したいだけなんだけどな
何でわざわざ不便なものを我慢して使用し文句言ってるのかわからん まぁ番組は見たいからね
UI悪くても、それが番組を見ないまでの理由にはなってないだけで
だからといって悪いUIを褒めるわけがないんで >>26 更新しました。
// Timetable Viewer:
番組表を開いたときに、通知予定があれば最初から一覧を表示。
// Screen Comment Scroller:
コメント欄フォーカス時にハイライト。
番組情報を表示した際に視聴数とコメント数も表示。
// AbemaTV Shortcut Key Controller:
「10秒戻る」で追いつくまで案内を表示。
ビデオでの[Esc]または[x]キーで「次のエピソード」への移動ボタンを閉じる。
// 発見したアベマ公式のバグ(報告済み)
ビデオの停止中に10秒戻る/30秒進むで時刻表記が変化しない。
ビデオの停止中に10秒戻る/30秒進むが1度しか効かない。 今までBunnelbyさんの方の「AbemaTV, ニコニコ風コメントスクロール」を使ってたんだけど、先週末くらいからとうとう対応しきれなくなったようなので、knoaさんの方の「AbemaTV Screen Comment Scroller」に乗り換えて見たよ。
knoaさんに要望を出してもいいかな?
自分としては画面内のニコニコ風スクロールはゼロにして画面右側のコメント一覧だけ表示させてるんだけど、コメント一覧のグラデーションを無効にできないかな?
コメント一覧のグラデーションってニコニコ風スクロールの邪魔にならないためのものだと思うんだけど、コメント一覧だけ使う人にとってはグラデーションのせいで一覧表示ので実質表示数が減って見づらいんだよ。
それと、マウスカーソルがコメント一覧の上に来ると背景色設定が無視される挙動も無効にできないかな?
できるかぎりBunnelbyさんの方の「AbemaTV, ニコニコ風コメントスクロール」と同じ使い勝手にしたいんだ。
可能ならよろしくお願いします。 ただ、より使いやすく効率的に視聴したいだけなんだけどな >>112
昔は全画面にしたら比率で文字が大きくなってた気がするんだけど
今は全画面でも文字が小さいままで、それに伴ってコメスペースの右側が余白でスカスカなんだが
おまかんなんだろうか 乞食の分際で何でこんなに声大きいんだろ
しかも何故か乞食が運営や正規利用者を見下してる感隠せてないからなおのこと気持ち悪い 乞食、乞食ってうるせさいなぁ〜。文句あるなら見るなよ。 >>26 更新しました。
>>114
グラデーションとマウスカーソルが乗ったときの透明度変化をやめてみました。
(「自分には必要」という声があれば設定項目にします)
>>116
スペック低めのPCで画面サイズの変更に適応できていなかったかもしれません。
以前と同じ条件に修正したので、たぶん改善すると思います。 iOSアプリのUniversal Linksが無効になっていたの、今日のアプデでやっと元に戻った… >>119
うーん、バージョン2.12.2を試したがダメだったわ
https://i.imgur.com/trxXyEO.jpg
設定とかでなんとかならんかな >>121
そのスクショの設定値通りにすると、こちらでもそのスクショのような見栄えになります。
意図してそうされているのでなければ、「コメント同士の間隔(比率)」の値が5は大きすぎます。
(直接入力では5も入力可能ですが、デフォルトは1.5で、フォームの上下操作による上限は2です)
(という話で合っているのかな?) >>122
あぁ5を0.2とか0.5にしたら大きくなったわ
やっぱ設定の問題だったか 盲点だった コメスク、まだ表示領域があるのに上の方でカブって表示されるのが今まで少々気になってたんだけど
最新ので大分解消されたみたい
作者さんメンテありがとう https://i.imgur.com/FW6jWUL.png
オプションで流れる自分のコメントが分かりやすいようにできる設定とかどうでしょう
↑これTVTestのNicoJKでの自分のコメントの例です。
【自分】ってのはそう置換してるやつで無視して下さい。 あ、画像のようにバックグランドあるのもいいですし
ちょうど色コメが入ってるのが分かりやすかったから
アベマは色コメないので自分だけ色付けるってのもいいかも 現行でも右の一覧で自分のコメは緑色に着色しているので、流れるコメントも緑にする手はありますね。
(現行でもNGワードのお試しに引っかかったコメントは、一覧も流れる方も、両方とも黄色に着色されています)
設定オプション項目はできれば増やしたくないということもあるので、
着色することの「デ」メリットもなさそうですし、やるならデフォルトで緑に塗りたいです。 音量調整のマウスホバーのギャップ(ゆっくりマウスを動かすとフォーカスが外れていた)が、
デフォルトでようやく無くなったな。 >>112 に書いたビデオの停止中のバグも直ってた。アベマやるじゃん。 >>128
2年9ヶ月目にしてやっと直したか もうずっと直せないのかと思ってた なんか書き込み減ったな みんな何してるね
俺は全然問題ない発言が規制に引っかかって書き込めなくなってた ビデオの視聴ページでページをリロードすると、#splash が生成されず、ページ遷移しても生成されないまま。
というバグを見つけたので、報告しました。 >>133 バグじゃなく仕様でした。(個人的には#splashの存在が約束されてるほうがよかった...) 画質(解像度)の変更は AbemaTV Auto Reload でもできるけど、
単にブラウザのページ表示倍率を変えるだけでも変えられるんだね。
いまさら気付いた。
ふだんウィンドウ内サイズ1280x723で見てるけど、少し縮小したらパキッとしたわ。
# 調べたらウィンドウ内サイズ1280x723だとデフォルトのビデオ解像度が854x480になってて、
# 縮小して仮想ウィンドウ内サイズ1600x904にしたら解像度1280x720になった。 あべアニは、表最上部に「前日番組表に移動ボタン」がほしいな
前日に見れなかった番組をチェックするのによく移動するし
プルダウンからだと地味に手間と押しにくさがある
そして翌日の数時間ぶん見れるぶんも予約入れられるようにしてほしい knoaさん、今日も軽微な修正乙です
余裕あったらOPENRECのもお願いしたい
エールが来た時にスクロールが重くなるのと
フォント変更したいです。
スクリプト直でFONT=って入れてみたけどダメだった >>142
context.font = 'bold ' + (fontsize) + 'px sans-serif';
の行の「sans-serif」の部分を、「メイリオ, sans-serif」などと書き換えれば行けるはず。
AbemaTV以外のコメントスクローラスクリプトは、設計が最初期の重たい仕様のままなので、
いずれ(!)アップデート(…というか全面刷新)が必要だなぁと思っています。 >>143
変更できましたー
アベマのがここ最近で進化し過ぎて
それと比べると〜って感じですね
地道に待ってます。いつもありがとう 特定番組をブロックする方法ないかなぁ
アベマショッピングだけでも止めたい あれ怪しいわうざいわどうしようもない
始まったら即ミュートしてるけどめんどすぎる 番組名で判定して自動で映像を隠したり音をミュートさせることはできるだろうが
それはCMにも通用することなのでそういうのを作って公開したら訴えられたりしちゃうだろうね
どうしてもやりたければ自作して公開せずに自分だけで使うといい >>145
作ったけど公開はしない
チョン絡みとかに使ってる >>145
放送時間分かるんだしブラウザ閉じて指定した時間に開き直すスクリプトなりでも組むとか
もしくはチャンネル変える abema見ないのが一番
もしも見たい番組あれば後程ビデオで見る
今じゃ一週間に30分しかabema見てないな 放送ごとに読み込みURLが違うなら
ブロッカーとかでアドレス拒否したら放送されなかったりするのかね まぁ今のままだと、アベマそっくりの韓国ゴリ押しが無い類似サイトができたら
大多数がそっちに移住しちまうな それは間違いない ■ このスレッドは過去ログ倉庫に格納されています