对于音乐类的项目从来没有涉及过,自己想挑战下,所以写了一个简易的音乐
接口用的是网易云的api,这个项目的重点在视频和搜索
搜索:关键词搜索可以进行匹配,当输入框为空的时候,匹配的内容为空,点击歌手进行匹配,点击任何,只要有链接,都可以唱的。
视频:使用controls属性才会播放,video的poster属性是用户点击播放按钮前显示的图像;
我在video外面有个div,点击后获取视频id,然后才会播放,点击的演员的名字,会对演员进行模糊查询,对其进行匹配,查找到关于这个歌手的歌曲。
项目中使用lyric-parser对歌词进行了分割展示。
对于这个项目不完美的地方就是歌词显示出来不能和歌曲进行同步进行滚动和高亮显示,以及代码优化不到位。由于自己写的十几页,除去上述说的比较有点复杂外,其他的都是请求接口,无需多说。
项目并不是很大,对于vuex并没有运用。这个项目还有不少的遗憾,在后续的过程中,在慢慢补全。