配套资源需求记录&技术总结

130 阅读2分钟

需求记录

语文

一、语文教材精讲视频

1、语文教材精讲视频用日阅通的数据渲染页面

日阅通

2、加入购物车接口,bookId需要做映射处理

3、免费体验的条数为0

4、确认订单页,接口调用时,bookId需要反映射回去

数学

一、漫话数学

1、漫话数学为视频资源

2、视频资源字段为url

3、视频资源需要解密播放

二、《口算小状元》答案与讲解

1、口算小状元为视频资源

2、视频资源字段为url

3、视频资源可以明文播放

4、url为页面链接,需要 iframe 嵌套处理

英语

一、大咖讲教材

1、每本课程免费体验的条数不一致,由 isFree 字段判断

历史

一、学党史,树理想

1、历史的年级为小学、初中和高中

音乐

一、“唱响百年”爱国主义原创歌曲集

1、既有音频资源,又有视频资源,视频资源不连续

2、视频资源字段为mv_url

3、视频资源需要解密播放

4、音频资源分原声播放和伴奏播放两种类型

二、中小学爱党爱国教育音乐课程配套音频

1、该课程有二级目录

体育与健康

1、既不属于限免教材,又不能加入我的学习

一、《校园足球运动丛书》视频

1、视频资源字段为url

2、视频资源可以明文播放

技术总结

一、音频组件

1、技术参考 uni.createInnerAudioContext()

2、属性参考

image.png

3、方法汇总

  • play 播放
  • pause 暂停
  • stop 停止
  • seek 跳转到指定位置,单位s
  • destroy 销毁当前实例
  • onEnded 音频自然播放结束事件
  • onTimeUpdate 音频播放进度更新事件

4、问题

  • uni-app 不支持倍速播放 playbackRate 不生效

视频组件

1、技术参考 video

2、属性参考

image.png

image.png

<video> 默认宽度 300px、高度 225px,可通过 css 设置宽高。

滑动选择器

1、技术参考

slider-滑动选择器

2、属性参考

image.png

3、方法汇总

  • @change---滑块滑动结束时执行
  • @changing---正在滑动时触发

4、问题

  • uni-app @change@changing 相互冲突

image.png

image.png

(完)