在macOS Sierra及以上系统中为bilibili启用画中画功能

最新的macOS Sierra支持画中画播放了,虽然用的时候不多,现在也还不算特别好用,不过偶尔还是挺方便的,比如写代码的时候开着B站在后面放演唱会之类的,但是遇到精彩的部分却必须要跳回网页,稍微有点不爽呢……

B站最近也开始了HTML5播放器的公测,实现大概是一个video标签,再加上外面一个相同大小的div,div内应该是个svg,弹幕由js解析,并通过svg画出来。那么理论上来讲,使用了video标签的话,就是系统可以自行解码的视频,比如mp4,mov这类。B站上绝大多数要么是mp4,要么就是flv。如果某个视频只有flv的话,就没办法了。不过只要是mp4的话,就可以使用macOS Sierra的画中画播放。

其实最核心的也就一步,手动的话,就是给video标签加上controls="controls"的属性。

Safari扩展的本体和源代码都可以在我的Github上下载,Bilibili-macOS-PIP

使用效果如下

在现在"HTML5 播放器"和"FLASH 播放器"的下方,会多一个按钮——"macOS 播放器"(实际上就是HTML5 播放器,只是增加了controls属性23333)

bilibili-macos-pip-1

 

开启的时候会蓝色高亮

bilibili-macos-pip-2

然后在原来的视频界面就能看到画中画的选项了\(//∇//)\

bilibili-macos-pip-3

画中画的实际效果~

bilibili-macos-pip-4

7 thoughts on “在macOS Sierra及以上系统中为bilibili启用画中画功能”

  1. 我的播放器没有右边的选项..
    只能按点点点去更换flash/html5
    可是没有macos的播放器T_T

    1. 其实现在只需要按一次右键,召唤出b站播放器自带的菜单之后,再去视频画面另一处右键就能看到「进入画中画」了w

  2. 啊感谢!
    提醒一下证书过期了。
    另外 想把这个做成油猴脚本呢。写清了作者,希望能授权一下。

  3. 作者有没有空顺便做一下IOS端的呢?像是youtube pip那样的网页转换也好。。感恩!!!!!!

Leave a Reply

Your email address will not be published. Required fields are marked *

18 − 7 =