如何只关闭移动端下触摸暂停？

[rwshui]

移动端下有时候容易误触屏幕 导致播放暂停了，如何只单单关闭移动端下的触屏暂停？

[zhw2590582]

不能在外面关闭，只能修改一下源码，然后再自己打包一下：

https://github.com/zhw2590582/ArtPlayer/blob/b284381534f8d51568a1097be1f1099482b6d136/packages/artplayer/src/player/eventInit.js#L17

import { isMobile } from './utils';

proxy($video, 'click', () => {
    if (!isMobile) {
        art.toggle();
    }
});

[cqsn558]

在手机全屏时不但容易误点暂停，有时也可能误点进度条。感觉可以参考muiplayer这个js播放器，在使用了他的手机版插件后，全屏时会在控制栏左上方出现一个带锁样式的图标。未点击时是一个开锁的图标，点击一次这个锁就变为已锁的图标，并且隐藏控制栏，再点一次这个锁，锁就变为开锁样式，并且可以显示出控制栏，这个功能确实不错。 演示效果可以看一下这个链接，手机打开链接全屏播放时有效果： https://www.paopaomj.com/player/?url=https://muiplayer.oss-cn-shanghai.aliyuncs.com/static/media/media.mp4

[rwshui]

在手机全屏时不但容易误点暂停，有时也可能误点进度条。感觉可以参考muiplayer这个js播放器，在使用了他的手机版插件后，全屏时会在控制栏左上方出现一个带锁样式的图标。未点击时是一个开锁的图标，点击一次这个锁就变为已锁的图标，并且隐藏控制栏，再点一次这个锁，锁就变为开锁样式，并且可以显示出控制栏，这个功能确实不错。 演示效果可以看一下这个链接，手机打开链接全屏播放时有效果： https://www.paopaomj.com/player/?url=https://muiplayer.oss-cn-shanghai.aliyuncs.com/static/media/media.mp4

移动端加个锁也不错，不过这个mui很多代码不开源啊。

[rwshui]

不能在外面关闭，只能修改一下源码，然后再自己打包一下：

https://github.com/zhw2590582/ArtPlayer/blob/b284381534f8d51568a1097be1f1099482b6d136/packages/artplayer/src/player/eventInit.js#L17

import { isMobile } from './utils';

proxy($video, 'click', () => {
    if (!isMobile) {
        art.toggle();
    }
});

测试了下OK,很详细，感谢回复！

[zhw2590582]

这个加锁功能不错，我后期加入这个

[cqsn558]

muiplayer就是没有开放源码，而且还分了pc端和移动端调用不同的js，移动端现在也需要付费才能下载，不过界面和功能感觉还是可以。 ArtPlayer也不错，希望大佬继续把这个播放器做得更好。有一些小小的建议，比如像播放、暂停、设置、手机左右触滑时进度等提示信息能不能从左上角改到播放器中间，因为有时需要在播放器左上角放logo之类的东西，这方面muiplayer的方式比较美观；还有目前手机版可以左右触滑控制进度，能不能再加个上下触滑控制音量或屏幕亮度。

[zhw2590582]

提示信息和控制音量这个可以优化，但屏幕亮度是app级别才能实现的

[cqsn558]

能上下控制音量也不错，这样手机端与电脑端快捷方式就基本一样了，左右控制进度，上下控制音量。

[zhw2590582]

加锁功能已经添加，同时移动端需要双击才能播放和暂停 但音量控制 iOS 设备下是不可用的，这就需要为安卓设备单独设置，为了统一性暂时不添加音量控制