sy-audio - 更新日志
1.0.6（2024-04-03）
修复音频文件为服务器地址时不播放的问题
1.0.5（2023-04-27）
1.修复VUE3已知的问题 2.新增change事件
1.0.4（2023-04-10）
修复vue3时已知的问题
1.0.3（2023-04-07）
1：完善ref方法 2：新增可取方法 3：修复已知问题
1.0.2（2023-04-07）
修复已知问题
1.0.1（2023-04-07）
1.0.0（2023-04-06）
初始版本
欢迎使用 sy-audio 在线音乐播放器
props (组件属性)
| 属性 | 类型 | 默认值 | 备注 |
|---|---|---|---|
| autoplay | Boolean | false | 是否自动播放(只支持微信内置浏览器,小程序，app) |
| src | String | '' | 音频地址 |
| isCountDown | Boolean | false | 是否倒计时 |
| audioCover | String | '' | 音乐封面 |
| audioTitle | String | new Audio Title | 标题 |
| audioTitleColor | String | #333 | 标题颜色 |
| subheading | String | new Audio Subheading | 副标题 |
| activeColor | String | #bf41a2 | 滑块左侧已选择部分的线条颜色 |
| backgroundColor | String | #f1c38b | 滑块右侧背景条的颜色 |
组件事件
| 事件 | 事件内容 |
|---|---|
| @audioPlay | 音频播放事件 |
| @audioPause | 音频暂停事件 |
| @audioEnd | 音频自然播放结束事件 |
| @audioCanplay | 音频进入可以播放状态，但不保证后面可以流畅播放 |
ref 事件
| 事件 | 事件内容 |
|---|---|
| audioPause() | 控制音乐播放/暂停 |
| audioSeek() | 跳转到指定位置 |
| audioDestroy() | 销毁innerAudioContext()实例 |
<sy-audio isCountDown ref="audio" src='' audioCover='' subheading='' audioTitle=''></sy-audio>
// 调用跳转到音乐15s位置方法，如下:
this.$refs.audio.audioSeek(15)View代码
<sy-audio isCountDown ref="audio" src='' audioCover='' subheading='' audioTitle=''></sy-audio>
// src为本地路径时，使用require方法，如下:
<sy-audio :src="require('@/static/audio.mp3')"></sy-audio>sy-audio将会持续更新，欢迎大家踊跃提出宝贵建议；
1.0.0（2023-04-06）
初始版本
欢迎使用 sy-audio 在线音乐播放器props (组件属性)
| 属性 | 类型 | 默认值 | 备注 |
|---|---|---|---|
| autoplay | Boolean | false | 是否自动播放(只支持微信内置浏览器,小程序，app) |
| src | String | '' | 音频地址 |
| isCountDown | Boolean | false | 是否倒计时 |
| audioCover | String | '' | 音乐封面 |
| audioTitle | String | new Audio Title | 标题 |
| audioTitleColor | String | #333 | 标题颜色 |
| subheading | String | new Audio Subheading | 副标题 |
| activeColor | String | #bf41a2 | 滑块左侧已选择部分的线条颜色 |
| backgroundColor | String | #f1c38b | 滑块右侧背景条的颜色 |
组件事件
| 事件 | 事件内容 |
|---|---|
| @audioPlay | 音频播放事件 |
| @audioPause | 音频暂停事件 |
| @audioEnd | 音频自然播放结束事件 |
| @audioCanplay | 音频进入可以播放状态，但不保证后面可以流畅播放 |
View代码
<sy-audio></sy-audio>
// src为本地路径时，使用require方法，如下:
<sy-audio :src="require('@/static/audio.mp3')"></sy-audio>sy-audio将会持续更新，欢迎大家踊跃提出宝贵建议；