更新记录

1.0.6（2024-04-03）

修复音频文件为服务器地址时不播放的问题

1.0.5（2023-04-27）

1.修复VUE3已知的问题 2.新增change事件

1.0.4（2023-04-10）

修复vue3时已知的问题

平台兼容性

欢迎使用 sy-audio 在线音乐播放器

props (组件属性)

组件事件

ref 事件

<sy-audio isCountDown ref="audio" src='' audioCover='' subheading='' audioTitle=''></sy-audio>

//项目为vue2时 调用跳转到音乐15s位置方法，如下:
this.$refs.audio.audioSeek(15)

//项目为vue3时 请通过value形式调用子组件方法

View代码

<sy-audio isCountDown ref="audio" src='' audioCover='' subheading='' audioTitle=''></sy-audio>

//项目为vue2时 src为本地路径时，使用require方法，如下:
<sy-audio :src="require('@/static/audio.mp3')"></sy-audio>

//项目为vue3时 src为本地路径时，使用自定义方法，如下:
<sy-audio :src="toUrl('../../static/audio.mp3')"></sy-audio>
methods: {
    toUrl(src){
        return new URL(src, import.meta.url).href
    }
}

sy-audio将会持续更新，欢迎大家踊跃提出宝贵建议；