第一步,首先,你需要在vue-aplayer组件中添加一个用于显示进度条的元素,比如一个标签。你可以给这个元素设置一个ref属性,以便在后面的代码中引用它。 第二步,其次,你需要在vue-aplayer的mounted生命周期钩子函数中获取到这个进度条元素的实例。你可以使用this.$refs来访问这个元素。 第三步,然后,你需要监听vue-aplay...
Progress.ts进度条组件 Time.ts播放时间组件 Volume.ts音量控制组件 List.ts播放列表组件 Item.ts播放列表项组件 再来一张更清晰的图片吧: 点击查看高清原图 功能开发 功能开发其实没有多少难度,HTML5已经封装好了HTMLAudioElement元素 我们就是用一下它的API和视图进行数据绑定和交互而已 看一下文档就好了 不过这里...