快应用模板: 音频播放器

----快应用模板-音频播放器
缺少图标:
播放模式4个
播放时间 两个
播放迷失列表 正在播放按钮1个
下载 正在播放按钮1个
播放下载喜欢3个按钮
首页账号2个

  1. 网易云毛玻璃效果

  2. 设置沉浸式状态栏 ok

  3. 网易云圆形进度条 (图形旋转,网络图片绘制闪烁问题–获取网络缓存的临时文件,逻辑控制,控制播放暂停按钮)

  4. list没有高度? 真机没有高度 父级元素要有高度(可以给个flex:1;) ok

  5. https://zhanstatic.vivo.com.cn/wukong/file/bc41045f-ebe6-4b8a-b81c-e91d9ed7937b.m4a

  6. 封面图片暂时还无法显示到控制栏,只能显示系统的图标 ok
    2.替换成本地图标 ok

  7. 快应用退出后,甚至清除了控制栏的快应用,声音还在播放

  8. 获取初始播放状态 变量全局->方法全局 (保存在全局–容器已销毁,接口调用?, 整体引入及方法放在app.ux全局–不受页面切换的影响) ok

  9. 移除多余的打印,操控全局的方法 ok

  10. 全局通信/页面通信?几个关键的信息 总时长、当前播放时长 通过全局设置页面的局部属性 — 使用vuex ok

  11. 调试时,快应用刷新后获取不到音频播放状态 ( 快应用切换到后台无法监听到播放器播放状态) ok

  12. 列表切换-上下按钮。置灰。 ok
    顺序播放: 第一首置灰上一首按钮 最后一首置灰下一首按钮
    单曲循环: 允许切换下一首 (第一首禁止往上切换)
    列表循环: 不受任何影响
    随机播放: 也不受任何影响 (第一首禁止往上切换)
    vuex调用watch监听

  13. 页面进入逻辑判断: ok
    第一次进入或第一次点击专辑进入: 直接播放
    当专辑在播放时再次点击: 不变
    切换专辑进入: 播放新专辑第一个

  14. 第一首和最后一首切换随机播放模式引发的问题? ok

  15. 评论页面和 历史记录 ok
    Math.floor(Math.random()*41)

  16. 可滑动步骤条 ok

  17. 自定义事件 ok

  18. 快应用示例挂载/组件访问或监听实例的vuex中的值 (setInterval)
    quickapp-vuex的bug: Cannot read property ‘addDep’ of undefined // 页面中有使用,当tab栏的组件使用Component出现这个错误
    ---- eventbus xxx

  19. css 毛玻璃效果 (由图片决定) ok

  20. 跳转要播放的进度

  21. 通知栏(切换上下一首标题没有变化) — (先结束再播放也没有用。。。)

  22. 圆形进度条 ok
    采用BroadcastChannel在app.ux注销和开启main-tabs的定时器

  23. 控制的滑块:首次加载不会动

  24. 交互:
    上一首下一首;ok
    暂停和播放切换动画;
    加载动画;

(

  1. 获取localStorage中记录的currentTime值,并给currentTime属性进行赋值 ok

  2. 记录视频播放进度(id, 进度)ok
    )
    下一周任务:
    历史记录(展示专辑最新一条)、音频下载、播放界面的播放列表并实时标记播放的当前集数再点击切换某一集

  3. vuex中传递回调函数,异步后的结果处理

  4. 记住音频播放时间、播放时长和进度 ok

  5. 展示播放列表 ok

  6. 切换到后台,无法读取音频的状态 ---- 调试不更新没有问题

  7. 页面返回tab栏不高亮 ok

  8. 定时关机 — 自行拓展

  9. 播放失败,异常处理 ok

  10. 切换专辑, 无法显示界面 / 快应用页面加载空白没有任何元素,也无法返回上一个页面

  11. 实现选集播放 —并不太重要

  12. 切换到后台后,复现播客没有显示 ----暂时未出现

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值