用vue+flask做了个音乐播放器（前端部分）

这段时间突然脑子一热打算做一个音乐播放器玩玩，于是就诞生了这个玩意。

本来只是想做个小小demo玩玩的所以界面就没打算做很好看，于是仿照了悦听的界面进行的优化，后面发现需求变多了搞得本不美观的界面雪上加霜，但是还能接受就浅浅地介绍一下吧，毕竟谁能拒绝一个独属于自己的小玩意呢

这个音乐播放器是由vue加python flask前后端分离搭建的，前端主要向后端发送所要搜索的歌手或者歌曲名，并接收后端传过来的歌词，音乐，以及评论

这里我演示一下搜索周杰伦

播放音乐，接收评论以及歌曲列表后的样子，抓取的评论都qq音乐里最热门的评论，还能对歌曲列表进行删除或者收藏

还有歌词显示

当你点击爱心之后将会把歌曲放入收藏列表中，并在本地永久保存，这是我的收藏歌单

并且也对下列的播放器进行了自定义，实现了上下首替换，以及随机，单曲，顺序播放，默认是顺序播放。并且提供了下载功能。如果遇到某些歌曲无法播放时还可以进行换源，有啥效果懂得都懂，例如“裹着心的光，mojito”。

只需要点击logo进行换源即可。但是换源之后无论是歌词还是评论或者歌曲列表都是和另一个源不同的。

当换源成功后下面源会变成1，并且列表会清空，而且两个源的收藏列表也是不同的。

这时再搜索一下裹着心的光，就会有惊喜，这里我为了更好展示就用我的收藏列表演示了

欧克，开始播放了。

顺便演示一下下载功能

因为之前已经下载过了，所以有个（1），格式都是以MP3保存的
前端大概就介绍到这，还有一些界面优化啊等等小细节还没做好所以暂时还没上线。

        



        收藏歌单
        搜索列表
        
        

          
          
        

          

            

              {{ item.name }}
              {{ item.sname }}
              
              
            
          
          

        

          


          
          

            


            
          
        
        
        
          

            
              

                {{ getAllKey }}
                

                  {{ item }}{{ srcollLrc(key, index) }}
                
              
            
          
        

        

          
热门留言
          

            

              

              
{{ item.Nick }}
              

                {{ item.Content }}
              
              

                

                
{{ sub.Nick }}
                

                  {{ sub.Content }}