主页的推荐歌曲无法显示

I tried the demo you posted,however,none of music can be played on my phone,neither on my computer(Chrome).
Also I wrote a Dockerfile to build it on my VPS.The same problem appears.

附上代码

 <audio id="musicAudio" autoplay="autoplay" :src="tracksAudioPlay.length>0?tracksAudioPlay[playingIndex].src:defaultMusic">
  </audio>
解释：src是根据接口返回的播放列表的list的每一项的url获取的,例如list=[{url:'111.mp3'}]
点击下一曲：
nextMusic(){
        let playingIndex = this.playingIndex
//this.playway是播放方式的index，0循环1随机2单曲，randomIndex是产生随0-length的随机整数函数
        switch (this.playWay){
          case 1:
            this.playingIndex = randomIndex(0,this.tracksAudioPlay.length)
            break;
          default:
            this.playingIndex=(++playingIndex)%(this.tracksAudioPlay.length);
            break;
        }
        this.isPaused = false
      },

[webpack-cli] Error: Unknown option '--inline'
[webpack-cli] Run 'webpack --help' to see available commands and options

我做的项目里也用到better-scroll 但是每次刷新后better-scroll 都不起作用，（在chrome调试下 ）想问下是怎么解决的呢？有遇到类似的问题么

想了好久没法实现这个功能

我也是，我在国外怀疑是服务器的问题，然后网易云文档说需要在网易云api的/utils/request.js 中改变header的服务器。但是我改变了没有用

我已经改好了，其实是api接口变了。你去song.js里面找那个recommendsonglist（）方法，然后把api接口的参数改一下

Originally posted by @angrebobo in #37 (comment)

包括官方演示：http://ser.caijin.tech:3002
都没有歌词
为啥呀

在点开歌单后，控制台输出
Uncaught (in promise) TypeError: Cannot read property 'map' of undefined
at singerName (song.js?38db:17)
应该是生成SingerName的方法里面有错，但是我不会改，所以求求大大看一下，告诉我怎么改

我的代码库 https://github.com/nyz123/My-Front-end-knowledge

你的接口是music/url?id=33894312，我这本地跑的是node用song//url?id=33894312才可以呢。
还有你的项目和我的项目都报这个错：
Uncaught (in promise) DOMException: The play() request was interrupted by a call to pause().
这是什么原因呢

用户体验很好啊，居然是自己不靠UI框架写出来的，不错。
关于几点改进的建议
1.axios promise后面最好跟一下catch捕获错误，then里面只能打印请求成功但非200的错误信息。
2.既然用了Vuex，那么异步方法全部写到action里面去，用生命周期控制。尽量少用ref,props等，保持代码整洁。
3.一些接口有点变化，比如newsong，lyric。
我也试试大改一下你的代码

全屏播放器的进度条锚点图标位置有些问题，如果是使用mini播放器点击暂停时，再点击打开全屏播放器，此时进度条的progress-btn定位在初始位置，只有点击播放时，progress-btn才会再次自动移动到正确的位置。经过分析代码，主要是这里的代码导致的
文件：src/base/progress-bar/progress-bar.vue
watch: { percent (newPercent) { if (newPercent >= 0 && !this.touch.initiated) { const barWidth = this.$refs.progressBar.clientWidth - progressBtnWidth const offsetWidth = newPercent * barWidth this._offset(offsetWidth) } } }

当全屏播放器隐藏时，this.$refs.progressBar.clientWidth = 0，所以此时设置offsetWidth就变成在初始位置了。

暂时还在想办法修复，等修复完了，再回来评论。

滴滴的人

楼主，请教下您，有没有遇到过类似的问题，在vue2.5.2中执行audio play()方法，音乐无法播放，下面是我的代码：
<div class="song-list-wrap" ref="songListWrap"> <div class="wrapper" v-if="songList && songList.tracks.length"> <div class="song-item" v-for="song in songList.tracks" :key="song.id" @click.stop="getSong(song.id)"> <div class="song-name ellipsis">{{ song.name }}</div> <p class="song-singer ellipsis">{{ song.ar[0].name }}</p> </div> </div> </div>
`methods: {
getSong (id) {
let musicPlayer = document.getElementById('audio')
console.log('获取audio对象', musicPlayer)
// 异步获取歌曲的url
getSongUrl(id).then(urlData => {
console.log('获取歌曲url', urlData)
if (urlData.code === 200) {
this.songUrl = urlData.data[0].url
// this.$store.state.musicPlayer

      musicPlayer.src = urlData.data[0].url
      musicPlayer.play()
      console.log('musicPlayer', musicPlayer)
    }

}
}`
这样写，在浏览器下是可以播放的，但是在移动端无法播放；不知道楼主遇到过没？麻烦指点下，先谢谢你了

player.vue页面获取到的playlist数据是通过getters.js里导入的api/song 来获取的吗

本项目中安装完之后执行npm run dev之后运行起来的平台是无法实现音乐播放的，其他功能均可实现，缘由是cloud-node-api:3000的api参数变了：
本项目请求音乐播放地址：/music/url?id=xxxx
对应的请求音乐播放地址：/song/url?id=xxxx

将地址中的music改成song便可运行

我这项目 跑起来后，音乐播放报错

vuex 的state改变不是应该在mutation里处理吗？不知道在您的代码里为何处理state放在了action里？是有什么原因吗？

音量调节在哪？还是我没找到。。。

做到可切换各个平台，选择自己喜欢的

初步判断项目缺少一个文件。
base/slider/slider.vue 与 base/scroll/scroll.vue 都有引用slot组件，但整个项目并未找到slot组件。能否解决一下？

这个项目很不错哟，感谢作者

想问你一下大神，你是如何解决这个安卓 ios audio无法自动播放，你点击播放列表中的某一首歌进入播放界面，如何实现自动播放呢。我在写demo的时候通过程序来触发play事件也无法播放。

1无法上图，原谅我是一个小白。
Failed to load http://120.79.162.149:3000/personalized: The 'Access-Control-Allow-Origin' header has a value 'http://120.79.162.149:3002' that is not equal to the supplied origin. Origin 'http://localhost:8080' is therefore not allowed access.
给解答一下。。。。

请问此处的移动端适配是怎么实现的

搜索不到时没有提示！（比如搜索在人间）

我在听薛之谦的演员的时候，我发现唱的会比歌词快一点。其他的好多歌曲都有这个bug，请问作者您知道这个是因为什么嘛？