Rain Classroom Helper

优化雨课堂使用体验

目前為 2020-02-20 提交的版本,檢視 最新版本

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

You will need to install an extension such as Tampermonkey to install this script.

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 Tampermonkey,才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

(我已經安裝了使用者腳本管理器,讓我安裝!)

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

(我已經安裝了使用者樣式管理器,讓我安裝!)

作者
RainEggplant
評價
0 0 0
版本
0.2.1
建立日期
2020-02-13
更新日期
2020-02-20
尺寸
12.1 KB
授權條款
未知
腳本執行於

Rain Classroom Helper

GitHub stars GitHub package.json version GitHub license

该用户脚本旨在为大屏幕设备(PC、平板)提供更好的雨课堂学生端使用体验。

介绍

雨课堂学生端本来是针对手机使用而开发的,PC 网页版存在的问题不可谓不多:

  • 所谓的 PC 网页版(v1)实际上也只是用了一个 iframe 来显示和手机版同样的界面(并且尺寸同比例)。这样的界面对大屏幕设备非常不友好,显示区域狭窄,并且其中的内容也非常小。
  • 当老师开启视频直播或者之后回看时,整个显示区域的上半部分全部被视频占据,而一旦将其收起视频则会停止播放,非常不人性化。
  • 整个页面的布局也设计地十分奇怪,存在未充分利用空间、控制区字体过大等问题。
  • ……

好消息是,目前雨课堂已经在开发适合大屏幕设备使用的网页版(v2)。坏消息是,新的网页版不支持直播与视频。不过———

你来对地方了! 这个用户脚本尝试修复了上面提到的问题。因为是第一次写这种用户脚本,有问题还希望大家多多包涵,可以在这里提 issue,当然也非常欢迎 pr 和我一起修正、完善这个脚本。

最后,希望大家能够喜欢,也希望疫情赶快退去,大家都能平安返回校园!

特性

更改元素样式

修改了一些样式,增加了空间的利用率,使中间的课程内容能够自适应窗口大小。同时修改了左右边栏的字体、图片大小,并对齐了左右边栏,使得界面更美观。

对比如下:

BEFORE AFTER

单独播放音视频

将课程中的音视频单独放在右边栏播放,使得你在看课件、答题时可以更加专注。

BEFORE AFTER

我的雨课堂我做主

增加了定制雨课堂界面的功能,用户可设置全屏占比右边栏大小,还可以隐藏左边栏,给你自由舒适的体验。

以下为配置示例:

“视频直播,尺度要大”(宽度定制功能) “分屏做事,我的最爱”(收起左栏功能)

使用方法

安装完成并启用后,无需配置即可使用。

更新记录

v0.2.0

  • 增加了对荷塘雨课堂的支持
  • 增加了用户自由定制雨课堂界面的功能
  • 增加了隐藏左边栏的功能
  • 改进了一些执行逻辑
  • 去除了右侧视频框中的无关元素
  • 修正了投票等操作打断右边栏视频的错误

Credit

本项目使用了 BrockA 编写的 utility function: waitForKeyElement

LICENSE

MIT.