项目中遇到了，让实现一个音乐播放器的功能。修改其样式要求自定义，切需要有，进度条，时间，开关，应用于H5需要兼容ios与android。简单看一下如图播放器

完成代码

audioCom.vue

为了更好地处理IOS duration兼容问题

我们在mounted中添加了自动触发touchstart方法，去进入页面触发一次，这里goole新版本不允许立即播放，会抛出异常，但无关紧要。

mounted() {

if (this.fileurl&&!this.isToPla) {

this.$nextTick(() => {

document.addEventListener(

"touchstart",

() => {

if(this.isToPla){

return

}

this.$refs.audioRef.play();

this.$refs.audioRef.pause();

},

false

);

});

}

},

isToPla：目的是触发一次后停止继续触发该touch函数