项目场景:

最近做的一个需求中,要求自定义一个音频播放器,需要支持倍速播放、拖拽进度条、调节音量、静音等功能。


问题描述

起因是在做自定义音频播放器的时候,发现拖拽进度条播放的时候,audio.currentTime总是被清空从0开始播放。如下图:

在这里插入图片描述


解决方案:

不要直接使用 s3上的音频源文件。而是让服务的把 file 文件吐给我们

获取到 file 之后,通过 blob转换成二进制,再通过 RUL.createObjectURL(blob)创建一个新的 URL对象。
在这里插入图片描述
这样我们就可以实现拖拽进度条自定义播放啦

在这里插入图片描述

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐