chimee-plugin-mobile-state

install

安装

  1. # 依赖于 chimee， 首先需要安装 chimee
  2. npm install chimee
  3. # 安装控制条组件
  4. npm install chimee-plugin-mobile-state

使用

  1. import chimee from 'chimee';
  2. import chimeePluginMobileState from 'chimee-plugin-mobile-state';
  4. // 安装插件
  5. chimee.install(chimeePluginMobileState);
  6. const player = new chimee({
  7.   // ...
  8.   // 使用插件
  9.   plugin: [
  10.     {
  11.       chimeePluginMobileState.name,
  12.       errorTips: '错误提示', // 也可以塞一个 dom 节点
  13.       icon: {
  14.         loading: ``, // 可传入 svg， 内部 innerHTML
  15.         play: `` // svg
  16.       },
  17.       expectTime: 3e4 // 最长加载时间
  18.     }
  19.   ]
  20. });

也可以在页面中引用 /lib/index.browser.js 然后在页面中使用 chimeePluginMobileState

包含状态

  • 开始
  • loading
  • error

包含手势

  • panstart
  • panmove
  • panend

事件

state-panstart

  • 含义： 在这个插件上触发 panstart 手势
  • 回调参数：
    • evt: touch 对象

state-panmove

  • 含义： 在这个插件上触发 panmove 手势
  • 回调参数：
    • evt: touch 对象

state-panend

  • 含义： 在这个插件上触发 panstend 手势
  • 回调参数：
    • evt: touch 对象

state-tap

  • 含义： 在这个插件上触发 tap 手势
    • 回调参数：
      • evt: touch 对象

state-change

  • 含义： 这个插件状态发生变化
  • 回调参数：
    • state: 当前状态