记一次体验优化
AI 可以快速做出一个东西,但仍有很多细节需要持续打磨。
之前的播放交互等效果几乎全由 AI 输出,今天有群友反馈“点击播放会有卡顿”经过与 AI “友好”沟通后,确定了问题:
“视频设置了 preload="none",点击播放时才开始下载,导致延迟”
于是和 AI 进行了以下优化:
1) 移除了等待 canplay 的阻塞逻辑,直接调用 play() 让浏览器边缓冲边播放;
2) 将 preload 从 none 改为 metadata,页面加载时就获取视频元数据,点击时启动更快。
3) 增加 loading 状态,让用户知道在加载而不是卡了