SevenOutman / vue-aplayer

:cake: Easy-to-use music player for Vue 2.x
https://vue-aplayer.js.org
MIT License
1.32k stars 200 forks source link

[Vue-APlayer] NotSupportedError: The element has no supported sources #192

Open gaoqiang1991a opened 4 years ago

gaoqiang1991a commented 4 years ago

使用Vue-APlayer时,播放.mp3音频文件浏览器提示[Vue-APlayer] NotSupportedError: The element has no supported sources,请问下要是什么原因?谢谢!

Copay commented 4 years ago

@gaoqiang1991a 能否提供一个demo呢?

gaoqiang1991a commented 4 years ago

@Copay 播放器是放在APP.vue文档内的: <template>中:

<aplayer
      autoplay
      shuffle
      repeat="list"
      :music='list[0]'
      :list='list'
    />

<script>中:

import Aplayer from 'vue-aplayer'
export default {
  data () {
    return {
      list: [
        {
          title: 'A Little Love',
          artist: '冯曦妤',
          src: './common/music/冯曦妤 - A Little Love.mp3'
        }
      ]
    }
  },
components: {
    Aplayer
  }

音乐文件是存放在项目本地文件夹内的,但是播放就会报错: [Vue-APlayer] NotSupportedError: The element has no supported sources.

Yuban32 commented 4 years ago

我也遇到这个问题,你在src:这里加上require即可

例如,src:require(./common/music/冯曦妤 - A Little Love.mp3)

494045073 commented 3 years ago

为啥我的音量键显示不出来

zhuweilong commented 1 year ago

网络链接 咋加require?

Yuban32 commented 1 year ago

网络链接 咋加require?

网络资源直接用就行了啊

zhuweilong commented 1 year ago

网络资源 也会报The element has no supported sources 谷歌浏览器 网络链接格式是wav的