chimee-plugin-gesture

该插件是一个基础插件,移动端的插件可以继承它,为这些插件提供手势事件,暴露给上层插件使用

install

安装

  1. # 依赖于 chimee, 首先需要安装 chimee
  2. npm install chimee
  3. # 安装手势组件
  4. npm install chimee-plugin-gesture

使用

  1. import chimee from 'chimee';
  2. import gestureFactory from 'chimee-plugin-gesture';
  3. // 安装插件
  4. const mobiControlbar = gestureFactory({
  5. // 参考 chimee 插件配置
  6. name: 'mobiControlbar',
  7. // ...
  8. // 直接使用 ['tap', 'swipe', 'panstart', 'panmove', 'panend', 'press', 'doubletap'], 这些事件就好了,不需要使用 touch 事件
  9. events: {
  10. tap() {
  11. },
  12. d_tap() {
  13. }
  14. }
  15. })
  16. chimee.install(mobiControlbar);
  17. const player = new chimee({
  18. // ...
  19. // 使用插件
  20. plugin: [
  21. mobiControlbar.name // 或者 'mobiControlbar'
  22. ]
  23. });

配置

chimee 配置 events 不用再监听 touchstart/ touchmove/touchend 只需要监听操作 'tap', 'swipe', 'panstart', 'panmove', 'panend', 'press', 'doubletap' 就好了支持前缀 'w'(wrap dom), 'c'(container dom), 'd_'(插件自身 dom), 不加前缀 videoElement 具体可以参考 chimee plugin 配置