LOL Pro View 全屏第一个串流

LOL 和 ZNIPE.TV 合作搞了个 Pro View(选手视角)的收费服务,但是却不能主全屏一个串流并自由移动其它串流。

利用 Chrome 自带的画中画模式(Picture in picture),以及主第一个串流,可以通过这个样式表来自定义音轨和全局地图。

比如我想看某个选手的串流,但希望声音是解说以及有一个可以随意移动的全局地图,就可以先在原始操作界面选择:

  1. 选手视角
  2. 解说视角
  3. 小地图(官方无限视距第三方视角)

然后小地图右键选择画中画,选择全屏,就可以以选手视角全屏看了(并能随意拖动小地图的位置)。

效果预览

用户样式表安装:UserStyles.Org

或手动安装 LOL-ProView.user.css

/* ==UserStyle==
@name           LOL ProView - Full screen one of the main screen
@namespace      moe.jixun
@version        1.0.0
@description    Full screen the first panel.
                Use picture on picture to pop other stream
                before fullscreen and drag them around.
@author         Jixun.Moe
==/UserStyle== */

@-moz-document domain("beta.znipe.tv") {
    .fullscreen .video-players {
        padding-bottom: 100% !important;
    }

    .fullscreen .video-players__wrap > .video:nth-child(1) {
        transform: scale(1) translate(0, 0) !important;
    }
}
Jixun

Jixun

学习与游戏的旅途,各类杂谈。