mobile
播放器在移动web端交互插件。源码
pluginName: mobile
包括点击播放器区域切换焦点状态, 左右滑动快进/快退, 拖动显示时间预览等
Note
该插件只在mobile端注册
功能说明:
- 单击播放器区域隐藏/呼出控制栏
- 双击播放器区域切换暂停/播放状态
- 所有滑动播放器区域，快进/快退，并在中间显示迷你时间进度条和预览图(配置有帧预览图的情况下)
- 长按播放器区域2倍速播放(在支持倍速调节的情况下)
- 左侧上下滑动调节音量(在支持音量调节的情况下)
config
disableGesture
@type:Boolean, 默认值: false- 说明：是否禁用手势，默认值false，该参数支持从playerConfig读取
gestureX
@type:Boolean, 默认值: false- 说明：是否启用水平手势处理，水平手势快进/快退，默认值true
gestureY
@type:Boolean, 默认值: false- 说明：是否启用垂直手势处理，默认值true, 垂直手势包括屏幕右侧和屏幕左侧，默认左侧调节亮度，右侧调节音量，左右范围比例通过scopeL和scopeR设置
scopeL
@type:Number, 默认值: 0.25- 说明：左侧手势范围，默认值: 0.25， 取值范围0-1
scopeR
@type:Number, 默认值: 0.25- 说明：右侧手势范围，默认值: 0.25， 取值范围0-1
pressRate
@type:Number, 默认值: 2- 说明：长按快进倍速
darkness
@type:Boolean, 默认值: *true`- 说明： 是否启用右侧调暗功能, 默认值true, 因为web端无法调用系统的亮度，这个功能使用透明蒙层实现
maxDarkness
@type:Number, 默认值: 0.6- 说明：调暗最大暗度，即蒙层最大透明度，默认值0.6
updateGesture
@type:function, 默认值: **- 说明： 手势触发回调，在手势移动的时候会触发， 类型{Function}
gradient
@type:String, 默认值: normal- 说明：是否启用上下渐变阴影，取值
normal | none | top | bottom
isTouchingSeek
@type:Boolean, 默认值: true- 说明：是否在touchMove的同时更新播放器的currentTime，默认false, 在手势移动过程中，不会直接调用播放器的快进快退，在toucheEnd的时候再设置
miniMoveStep
@type:Number, 默认值: 5- 说明：touchemove触发步伐，默认值5，用于节流
disableActive
@type:Boolean, 默认值: false- 说明：是否禁用时间预览面板
disableTimeProgress
@type:Boolean, 默认值: false- 说明：是否禁用时间进度条
hideControlsActive
@type:Boolean, 默认值: true- 说明: 手势拖动的时候是否隐藏控制栏
hideControlsEnd
@type:Boolean, 默认值: false- 说明: 手势结束的时候隐藏控制栏
moveDuration
@type:Number, 单位ms 默认值: 60 * 6 * 1000- 说明: 滑动播放器区域快进/快退时，播放器区域对应的时长
disablePress
@type:Boolean, 默认值: true- 说明: 禁用长按倍速调整
disableSeekIcon
@type:Boolean, 默认值: false- 说明: 是否禁用快进/快退的时候按钮提示
API
disableGesture()
@desc: 禁用手势
enableGesture()
@desc: 启用手势