vue 判断mp3是否加载成功

一、需求
vue MP3加载时,有可能遇到后端没有MP3,但是返回有链接。要求获取MP3失败提示用户,MP3获取失败。
二、代码

	canPlayAudio(url) { // 判断录音是否加载
      const audio = new Audio(url)
      return new Promise((resolve, reject) => {
        audio.oncanplay = () => {
          resolve(true)
          audio.remove()
        }
        audio.onerror = () => {
          resolve(false)
          audio.remove()
        }
      })
    },
    palyAuto() {
    	this.canPlayAudio(this.url).then(res => {
            if (!res) {
              this.$message.error('录音加载失败')
            } else {
              this.musicAny.play()
            }
          })
    }

你可能感兴趣的:(前端,vue.js,javascript,前端)