Leapflow-core NPM

leapflow-core

leapflow core components.

文件介绍

courseware-player 课件播放器

Props 传参

- data
  desc 课件数据
  数据示例： {size: '1920,1080', codeId, data: JSON.stringify({leveList:[], vfxData:[], activityData: []}) }

- options
  desc: 课件配置
  实例：
  {
    video: {} // 可以传 video 标签支持的任意属性，传入的属性值会覆盖组件内的默认值
  }

- defaultPage
  type: number
  desc: 初次加载默认页

- defaultSyncsData
  type: {
    extraElementsState, // 外挂元素数据
    teacherRenderJSON, // 老师当前页渲染数据
    currentVideoURL, // 当前视频 url
    currentAudioState, // 当前播放音频
    currentPlayPage, // 当前播放页
    ifShowResultAfterRender // 渲染完毕后是否展示答题结果
  }
  desc: 默认同步数据，包括页面数据和 外挂元素数据

- defaultCurrentLevelData
  type: object
  desc: 默认初次渲染数据

- onCanvasChange
  desc: 画布变化
  ({type: 'mouseDown' | 'mouseUp' | 'objectMoving' | 'media:modified' | 'media:registry', event: Event }) => void

- onDataDotSetDataTriggers
  desc: 大数据打点回调
  ()=> void

- onRefreshPage
  desc: 播放器刷新回调
  ()=>void

- onPageChange
  desc: 翻页回调
  (page: number, totalData:Object) => void

- onLoadCourseWareError
  desc: 课件 json 加载失败回调
  (err: Error) => void

- onJumpPageById
  desc: 点击页面内元素 跳页回调
  (page: number) => void

- onQuestionCommit
  desc: 答题结果回调
  ({interactionType: 'choice' | 'fill' | 'match' | 'supersort', answer: Boolean, score: number} ) => void

- onRenderStart
  desc: 页面开始渲染
  () => void

- onRenderEnd
  desc: 页面渲染结束
  () => void

- extraElements
  type:  HTMLElement
  desc: 画布可选外置元素

- onPlayerInit
  desc: 播放器初始化成功
  (canvas: Fabric.canvas) => void

- onBeforeRender
  type: function / Promise
  desc： 每页渲染前 额外对数据进行处理的函数
  (currentLevelData) => currentLevelData