手机浏览器触摸手势

为手机浏览器添加触摸手势,即装即用,无需配置。除了通用手势外,还有针对文字、图片、视频的特殊手势。还嫌不够?支持添加属于你的个性化手势。推荐使用狐猴浏览器、Yandex浏览器和Kiwi浏览器。

< Feedback on 手机浏览器触摸手势

Review: Good - script works

§
Posted: 15-04-2021

1.播放视频时的上滑下滑倍速手势,是否可以改成只能在视频的左侧上滑下滑倍速,把在视频的右侧上滑下滑手势腾出来,让用户设置成其他手势,比如我想增加您之前帖子里给网友写的音量调节手势(虽然只能调整网页上的音量,不过代码很喜欢,一直在用)
2.是否可以增加一个视频的锁定手势。在播放视频时,操作手势就可锁定手的点击操作。然后再次重复锁定手势才能解除。(就是类似很多视频播放器的那种锁定按钮)

L.XavierAuthor
§
Posted: 15-04-2021

感谢你的建议和好评。
1.关于音量调节,你会发现各大视频网站的移动网页都没有做,我想其中一部分原因是手机的音量按键就在手边,对于音量调节的操作比PC上更简单了,所以就没有那么必要。

我觉得分区域手势,不如改成“V↑●”和“V↓●”手势,在滑动长按手势呼出改变音量操作之后,可以持续地向下滑动来减少更多的音量直至0。增加音量同理。这样就可以避免需要改变大音量时的多次滑动手势操作。

不知道你没有理解我的意思,你觉得哪种操作好呢?留言告诉我。

2.视频锁定我知道,但我没明白的是你只需要锁定点击操作吗,还是手势操作也锁定?

§
Posted: 15-04-2021

1.音量调节我现在用的就是“V↑●”和“V↓●”手势,只是嫌滑动长按比较费时间(改成其他的手势又比较麻烦,调整一次音量的时间,觉着还是改成在右边直接上下滑动更省时间)。不过如果大部分人习惯于使用手机自带音量键,那倒是可以不必要增加此功能。
2.关于锁定键,我觉得锁定后最好可以同时锁定点击与其他滑动操作(当然包括锁定倍速、快进快退等。若要解除,只能再次操作设定好的那个手势才能解除)。只是不知在锁定了滑动手势后,那个解除锁定的手势,是否也只能同时禁止掉了(所以如果只禁止除解锁手势外的其他任何手势那就最好了)

L.XavierAuthor
§
Posted: 15-04-2021

1.你没明白我的意思,如果把音量分为10格,你现在“V↓●“只能改1格音量,所以你觉得麻烦。而我想的是在下滑长按后可以继续下滑,通过距离判断,来减少多格音量。这样就可以1次手势调节多格音量,减少手势的重复操作。

这就相当于一般的播放器软件是 右边滑动 呼出音量调节,而手势改成 滑动长按 呼出音量调节。之后就没有区别,都可以继续滑动来调节多级音量。不知道这样说你能不能理解。

2.其实说实话,经过多人的建议我已经准备添加音量调节功能,毕竟还是有多人有这个需求。

但是关于视频锁定,目前我还不准备添加,这个功能用到的不是很多,如果有更多的人向我反馈需要,我会考虑的。希望你理解!

如果你真的需要,可以试试以下代码:
(未经过测试,记得修改下面中文的内容)

gestureData.lockBox=document.createElement("div");
gestureData.lockBox.style.cssText="width:100%;height:100%;position:fixed;z-index:2147483647;";
videoPlayer.parentNode.appendChild(gestureData.lockBox);
window.removeEventListener('touchmove',touchMove,true);
gestureData.lockBox.addEventListener('touchend',()=>{
if(path=="你设置的手势路径"){window.addEventListener('touchend',touchEnd,true);gestureData.lockBox.remove();}
});

L.XavierAuthor
§
Posted: 15-04-2021

上面的代码将'改为",不然可能会报错。你可以复制到文本中,然后查找替换。

L.XavierAuthor
§
Posted: 15-04-2021

上面还有问题,还是用这个吧,难顶(╥_╥)

gestureData.lockBox=document.createElement("div");
gestureData.lockBox.style.cssText="width:100%;height:100%;position:fixed;z-index:2147483647;";
videoPlayer.parentNode.appendChild(gestureData.lockBox);
window.removeEventListener("touchend",touchEnd,true);
gestureData.lockBox.addEventListener("touchend",()=>{
if(path=="你设置的手势路径"){window.addEventListener("touchend",touchEnd,true);gestureData.lockBox.remove();}
});

L.XavierAuthor
§
Posted: 15-04-2021

V6.10.0已更新声音调节,你可以试一试。
“V↓●”和“V↑●”都可以触发,触发后就和播放器软件操作没区别,下滑触发的也可以往上滑动来增大音量。

§
Posted: 16-04-2021

1.已更新为V6.10.0。此音量调节正是我需要的,谢谢。
2.关于视频锁定代码:通过增加手势操作,进行设置好了之后。测试发现,使用设置好的手势可以锁定视频,不过无法使用原手势进行解除,只能通过关闭此标签页后,再新建标签页才能解除。我对于javascript代码不是很会,只能照葫芦画瓢,所以,是否可以帮忙再优化下,谢谢。我使用的浏览器为Kiwi。

L.XavierAuthor
§
Posted: 16-04-2021

路径你少了个V,是V↑→↓

§
Posted: 16-04-2021

嗯,改成V↑→↓之后已经完全解决这个问题了,非常感谢

Post reply

Sign in to post a reply.