Mobile browser touch gestures

Add touch gestures to your mobile browser, ready to use and no configuration required. In addition to general gestures, there are also special gestures for text, images, and videos. Do you still think it's not enough? Support adding personalized gestures that belong to you. We recommend using Lemur browser, Yandex browser, and Kiwi browser.

< Feedback on Mobile browser touch gestures

Review: Good - script works

§
Posted: 2021-04-15

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

L.XavierAuthor
§
Posted: 2021-04-15

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

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

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

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

§
Posted: 2021-04-15

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

L.XavierAuthor
§
Posted: 2021-04-15

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: 2021-04-15

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

L.XavierAuthor
§
Posted: 2021-04-15

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

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: 2021-04-15

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

§
Posted: 2021-04-16

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

L.XavierAuthor
§
Posted: 2021-04-16

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

§
Posted: 2021-04-16

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

Post reply

Sign in to post a reply.