音乐api

最新推荐文章于 2024-08-16 09:03:56 发布

Jookerone

最新推荐文章于 2024-08-16 09:03:56 发布

阅读量313

点赞数

分类专栏： javascript Vue

本文链接：https://blog.csdn.net/qq_45178972/article/details/111053072

版权

javascript 同时被 2 个专栏收录

122 篇文章 1 订阅

订阅专栏

Vue

39 篇文章 0 订阅

订阅专栏

设置audio的autoplay="autoplay"后，src的值变换都会自动播放；
audio还有play,pause触发事件；

query:function(){
            var that = this;
            //搜索歌曲
            axios.get("https://autumnfish.cn/search?keywords="+this.keyword)
                .then(function(response){
                   that.songs = response.data.result.songs;
                //    console.log(response);
                },function(err){                       
                })
        },
        playMusic:function(musicId){
            var that = this;
            //获取歌曲信息，如播放地址
            axios.get("https://autumnfish.cn/song/url?id="+musicId)
                .then(function(response){
                    console.log(response);
                    that.musicUrl = response.data.data[0].url;
                },function(err){})
            // 获取歌曲封面
            axios.get("https://autumnfish.cn/song/detail?ids="+musicId)
                .then(function(response){
                    // console.log(response)
                    // console.log(response.data.songs[0].al.picUrl);
                    that.picUrl=response.data.songs[0].al.picUrl;
                },function(err){});
            //获取歌曲评论
            axios.get("https://autumnfish.cn/comment/hot?type=0&id="+musicId)
                .then(function(response){
                    that.comments = response.data.hotComments;
                    // console.log(response);
                },function(err){})
        },
        playMv:function(mvId){
                var that = this;
                //获取mv,mvId来自上面搜索歌曲结果
                axios.get("https://autumnfish.cn/mv/url?id="+mvId)
                    .then(function(response){
                        that.mvUrl = response.data.data.url;
                        that.mvIsPlaying = true;
                    },function(err){})
        }