触摸屏视频优化

触摸屏视频播放手势支持,上下滑调整音量,左右滑调整进度

نووسەر
HeroChanSysu
Daily installs
13
Total installs
30,645
Ratings
116 7 0
وەشان
2.23
Created
2020-06-23
Updated
2023-02-01
مۆڵەت
نییە
Applies to
هەموو سایتەکان

触摸屏手势

如果你使用windows平板比如surface,这个油猴脚本可以很好地帮助你控制网页中在线播放视频的进度和音量以及倍速。
使用方法 :在视频中单指左右滑调整进度,单指左侧上下滑调整亮度,单指右侧上下滑调整音量,双指触摸期间四倍速加速播放,双指左右滑调整视频倍速。滑动时会有实时的进度的音量、亮度、进度、倍速提示。

经过测试,在大部分主流视频网站(优酷、爱奇艺、BiliBili、微博、芒果、m.youtube.com ……)都能使用,目前已知百度云(因为网页设计原因)无法使用,知乎全屏播放可用,腾讯视频自带手势(因此不应用在此网站)(V2.18加入支持)。代码使用的是通用方案,不是针对网站的优化,所以基本一般网站都能用。因此在网址匹配上面选择匹配全部网址,即所有网站都应用这个脚本,会对网页性能造成很低的影响。

Bug反馈:S592061719@outlook.com

代码不能保证每个网站都能用,在非全屏状态下不能保证很好地禁止页面滑动获得更好的体验,切换到视频全屏下表现较好

如果你觉得这个脚本对你有帮助,还可以扫描网页下方二维码支持一下作者哦

用户自定义

在视频暂停的时候,视频右边会出现一个齿轮按钮,点击即可进入设置页,设置分为全局设置与网站设置,逻辑为与逻辑。

用户可通过改变顶部的代码TouchGestureGlobalOptions来控制部分手势的全局开关(true开启;false关闭)

var TouchGestureGlobalOptions = {volume:true,brightness:true,progress:true,speed:true,state:true};

用户可通过改变顶部的代码TouchGestureBlackList来将存在严重bug的网页禁用此脚本

var TouchGestureBlackList=[
    "www.youtube.com","m.youtube.com"
];

更新历史

2020.9.30更新:修复B站无法使用手势的bug
2020.10.1更新:修复一些网站非全屏下滑动页面会跟着滑的问题,目前已知问题是优酷全屏下不能使用手势,下个版本会针对国内视频网站做一下适配。
2021.1.22更新:完成对国内主流视频网站的适配,同时发现优酷不使用video标签播放视频,无法实现手势。现可用网站:爱奇艺、BiliBili、微博、芒果、Youtube……,同时在代码上对自带手势的腾讯视频进行屏蔽。这个版本还稍微优化了页面滑动的卡顿感。
2021.1.25更新:基本解决脚本导致的页面滑动卡顿问题!!!
2021.1.26更新:优化禁止滑动逻辑
2021.5.12更新:修复网页全屏后不能使用手势的bug,标签的显示比例问题。全屏后手势优化逻辑调整,在中间区域滑动不触发chrome的返回手势。加入左侧上下滑调节亮度功能。目前一些嵌套iframe播放视频的网页适配度可能依然不是特别高,但是全屏播放应该可以获得较好的体验,比如知乎。
2021.5.15更新:发现优酷网页改回video标签播放,添加优酷支持。修复亮度、音量滑动区域问题。
2021.6.17更新:适配m.youtube.com(建议触屏设备使用m.youtube.com而非www.youtube.com,后者页面存在bug)。滑动控制进度逻辑修改,增大可快进、快退的最大时间。加入倍速控制,双指触摸期间,视频以四倍速加速播放(松手恢复原速度),当双指左右滑动时,视频倍速调整(松手仍有效)。
2021.7.19更新:适配微软Edge浏览器和Kiwi浏览器
2021.7.30更新:解决bilibili连续播放视频导致手势失效的问题,添加单指长按显示当前进度和视频长度手势,同时模拟鼠标事件呼出视频底部控制栏(已知可用:优酷、bilibili、芒果)
2021.7.31更新:紧急修复因为模拟鼠标事件的逻辑导致无法点击视频控制栏的bug
2021.9.11更新:解决使用手势时会导致视频网站自带倍速控制失效的问题
2022.1.15更新:修复优酷bug
2022.1.27更新:解决bilibili新版播放页无法使用手势的问题。bilibili新版播放页代码正在不断修改,可能会经常出现无法使用的问题,如果新版播放页无法使用手势,建议使用旧版(稳定)
2022.4.16更新:增加kiwi浏览器移动端对于长宽比大于1.3的视频在全屏时自动横屏的功能。在进入全屏后屏幕中心显示一个锁,可以解除横屏锁定(仅当次全屏有效)。修复youku在全屏时不显示提示的bug。
2022.4.16更新:可能解决了kiwi浏览器全屏调解亮度出现的卡顿、黑屏bug。可能Kiwi本身连续进入全屏和退出全屏就会出现黑屏bug,只需返回再进入即可解决。
2022.7.13更新:解决kiwi浏览器中youtube移动版网页无法使用手势的问题,但youtube全屏时上滑手势存在冲突
2022.10.1更新:因作者近期较忙,反馈都没有及时查看。本次更新带来bug修复,用户可在代码前面对目标的网站进行适配,或者说本脚本与其他脚本发生冲突时,可通过修改以下内容屏蔽部分网站,参考链接

var TouchGestureBlackList=[
    "v.qq.com"
];

目前脚本存在的问题是:win11 edge浏览器访问m.youtube.com视频页,会出现卡死bug,而chrome不会。因网页特殊性,在kiwi浏览器访问m.youtube.com时,需要点击一次全屏后才能正常使用,后续退出全屏正常。
2022.10.3更新:加入手势全局开关,用户可参考介绍关闭部分手势。适配腾讯视频,优化移动端youtube体验。
2022.10.5更新:修复B站全屏右滑手势触发返回的bug
2022.12.7更新:增加移动端上下边缘滑动不响应手势,倍速提示移到视频上方,增加可快进/快退时间(滑动大于一定比例时,时间跨度与视频长度有关)。
2022.12.25更新:增加设置页面,在视频暂停时会显示齿轮按钮,点击即可进入设置页面,设置分为全局设置与网站设置,开关为与逻辑(全局开启时对应的网站设置才有效)。增加单击四倍速设置(默认关闭)。
2023.1.31更新:修复PC端chromium因为API变动导致禁止滑动逻辑失效。修复一些信息流视频网站如微博在全屏状态下会出现多个Toast叠加的情况。设置页面->网站设置中增加"非全屏下不禁止默认逻辑开关",开启后(默认关闭)即使在视频上方滑动时都不会被禁止滑动,用于处理信息流视频网站无法滑动的情况。
2023.2.1更新:修复V2.22中全屏播放检测的bug