论坛 › 动画音画 › kuwo跨域代理地址代码https://mp3.t57.cn:7087/kwlink_d.php?id=ID

亚伦影音工作室 发表于 2024-3-23 12:53

kuwo跨域代理地址代码https://mp3.t57.cn:7087/kwlink_d.php?id=ID

本帖最后由 亚伦影音工作室 于 2024-4-17 12:54 编辑 <br /><br /><style>
#lrcArea ul,#lrcArea li,#lrcArea ol,#lrcArea {margin: 10px ; padding: 0;list-style: none;}
#lrcArea{width: 980px;
    height: 400px; position: absolute;z-index:14 ;margin-top:30px;
    overflow: hidden;filter:drop-shadow(#ffffff 1px 0 0)drop-shadow(#ffffff 0 1px 0)drop-shadow(#ffffff -1px 0 0) drop-shadow(#ffffff 0 -1px0);
    display: block;margin: 230px -300px;}
#lrcArea ul{width: 100%;
text-align: center;
    padding: 0; line-height: 20px;
    transition: 0.3s all ease;/*一定要加上不然看着突兀*/
    margin: 230px 0px;
        }
#lrcArea ul li{ height: 0px;
   font-family:悟空大字库;
    font-size: 0px;
    color: #0000000;
    font-weight: normal;
    transition: .3s all ease;/*一定要加上不然看着突兀*/
   display: block;
   margin: 0px auto;}
#lrcArea ul li.cur{font-size: 30px;
   font-family:悟空大字库;text-align: center;
   color: #FF0000;
    font-weight: normal; margin: 0px auto;}

#canv {display: block; position: absolute;width:100%; bottom: 0px; left: 0px;z-index:4 ; animation: sp 1s linear infinite;}
@keyframes sp {
      0% { filter:hue-rotate(360deg)contrast(150%)brightness(100%); }
}
</style>
<div style="z-index: 127;width: 1164px; height: 620px; margin-top:30px; margin-left:-300px;box-shadow: 0px 0px 0px 2px #cccccc, 0px 0px 0px 8px #880000; overflow: hidden;transform:rotate(0deg);background:url(https://pic.imgdb.cn/item/65db15629f345e8d03a78591.jpg)0 0/100%100%,linear-gradient(50deg, #000080, #ff0000, #000000, #00f000); text-align: center;">
<div id="gc"><div id="lrcArea"></div></div>
<canvas id='canv' width="1200" height="250"></canvas>
<audio id="aud" width="300" height="32" src="https://s1.krakenfiles.com/uploads/17-04-2024/cG0VaFQmNB/music.m4a" autoplay loopcontrolscrossOrigin="anonymous" style="position:absolute;top:550px;left:2px;width: 98%;height: 40px;outline: none;mix-blend-mode: lighten;filter: invert(180);z-index: 100;"></audio></div>
<script id="lrc" type="text">
哎呦我的姑娘 - 野哥
词：任天宇
曲：任天宇
编曲：卡其漠罗洋/王灏
制作人：任天宇
吉他：大牛
混音：任天宇
和声：刘海丰/任天宇
封面：灭害灵
监制：刘家泽/任天宇
出品：刘家泽
发行：冯昌榆
制作公司：匠心音乐/梨云音乐社
OP：匠心音乐
姑娘 我心上的姑娘
你为什么惆怅
我在北方 你在南方
姑娘 我心上的姑娘
你要把我原谅
原谅我的 昼思夜想
弯弯的眉 它烙进了我的心房
小小的嘴 它会不会印在我脸上
你的辫子长长 你的眼睛亮亮
我的心儿慌慌 我的大脑缺氧
哎呦我的姑娘 哎呦我的姑娘
忘掉你的忧伤 寻破晓的微光
热情就像太阳 柔情就像月亮
你是我的星光 亦是我的信仰
哎呦我的姑娘 哎呦我的姑娘
有你才是家乡 哪怕流浪
姑娘 我心上的姑娘
你为什么惆怅
我在北方 你在南方
姑娘 我心上的姑娘
你要把我原谅
原谅我的 昼思夜想
弯弯的眉 它烙进了我的心房
小小的嘴 它会不会印在我脸上
你的辫子长长 你的眼睛亮亮
我的心儿慌慌 我的大脑 缺氧
哎呦我的姑娘 哎呦我的姑娘
忘掉你的忧伤 寻破晓的微光
热情就像太阳 柔情就像月亮
你是我的星光 亦是我的信仰
哎呦我的姑娘 哎呦我的姑娘
有你才是家乡 哪怕流浪
哪怕流浪
姑娘 我心上的姑娘
你为什么惆怅
我在南方
</script>
<script type="text/javascript">
var musicPlayer = function() {
                        return this.init.apply(this, arguments);
                };

                musicPlayer.prototype = {
                        constructor: musicPlayer,
                        init:function(options) {
                                if(isEmptyObj(options) || typeof options !== 'object') return;
                                this.player = options.player;
                                this.lrc = options.lrc;
                                this.lrcArea = options.lrcArea;
                                //用于保存歌词
                                this.lrcArr = [];
                                //用于保存时间戳
                                this.timestamp = [];
                                //处理歌词
                                this.handleLrc(this.lrc);
                                var that = this;

                                this.player.addEventListener('play', function() {
                                        that.play();
                                }, false);

                                this.player.addEventListener('pause',function() {
                                        that.pause();
                                }, false);

                                //歌词索引
                                this.idx = 0;
                        },
                        //格式化歌词
                        handleLrc:function(lrc) {
                                var re = /(\[.+\])(.+)?/gm,
                                        ul = cEl('ul'),
                                        frag = document.createDocumentFragment(),
                                        tmpArr,i,len;
                                this.lrcArea.innerHTML = '';
                                frag.appendChild(ul);
                                ul.id = 'c';
                                this.lrcArea.appendChild(frag);

                                var        txt = lrc.replace(re,function(a,b,c) {
                                        return b + (c === undefined ? '&nbsp;' : c) + '\n';
                                });

                                tmpArr = txt.split('\n');

                                //处理歌词
                                for(i = 0,len = tmpArr.length; i < len; i++) {
                                        var item = trim(tmpArr);
                                        if(item.length > 0) {
                                                this.lrcArr.push(item);
                                        }
                                }
                               
                                frag = document.createDocumentFragment();

                                for(i = 0,len = this.lrcArr.length; i < len; i++) {
                                        var li = cEl('li');
                                        if(i === 0) {
                                                li.className = 'cur';
                                        }
                                        li.innerHTML = this.lrcArr.replace(/\[.+\]/i,'')
.replace('// ]]>','').replace('//','');
                                        //处理时间
                                        this.timestamp.push(this.lrcArr.replace(re,function(a,b,c) {
                                                return b;
                                        }).replace('[','').replace(']',''));
                                        frag.appendChild(li);
                                }

                                ul.appendChild(frag);
                                this.li = g('lrcArea').getElementsByTagName('li');
                        },
                        //播放
                        play:function() {
                                this.stop = false;
                                var that = this,
                                        player = this.player,
                                        i,len;

                                this.t = setInterval(function() {
                                        if(that.stop) return;
                                        that.curTime = player.currentTime;

                                        for(i = 0,len = that.timestamp.length - 1; i < len; i++) {
                                                var        prevTime = that.formatTimeStamp( that.timestamp ),
                                                        nextTime = that.formatTimeStamp( that.timestamp );
                                                //当前播放时间与前后歌词时间比较，如果位于这两者之间则转到该歌词
                                                if( parseFloat( that.curTime ) > prevTime && parseFloat( that.curTime ) < nextTime ) {
                                                        that.scrollToLrc(i);
                                                        return;
                                                }
                                        }
                                },300);
                        },
                        //暂停
                        pause:function() {
                                this.stop = true;
                                clearInterval(this.t);
                        },
                        //格式化时间
                        formatTimeStamp:function(timestamp) {
                                var re = /(+):(+)\.(+)/i,
                                        seconds = timestamp.replace(re,function(a,b,c,d) {
                                                return Number(b * 60) + Number(c) + parseFloat('0.'+ d);
                                        });
                                return seconds;
                        },
                        //歌词滚动
                        scrollToLrc:function(idx) {
                                var ds = getOffset(this.li).top,
                                        i,len;
                                //如果歌词索引没有变动，则认为这句没有唱完，不处理
                                if(this.idx === idx) return;
                                //否则更新索引值并更新样式和位置
                                this.idx = idx;
                                for(i = 0,len = this.li.length; i < len; i++) {
                                        this.li.className = '';
                                }
                                this.li.className = 'cur';
                                this.lrcArea.scrollTop = ds - this.lrcArea.offsetHeight / 2;
                        }
                };

                function g(id) {
                        return typeof id === 'string' ? document.getElementById(id) : id;
                }
                function cEl(el) {
                        return document.createElement(el);
                }
                function trim(str) {
                        return str.replace(/(^\s*)|(\s*$)/g, "");
                }
                function isEmptyObj(o) {
                        for(var p in o) return false;
                        return true;
                }
                function getOffset(el) {
                        var parent = el.offsetParent,
                                left = el.offsetLeft,
                                top = el.offsetTop;

                        while(parent !== null) {
                                left += parent.offsetLeft;
                                top += parent.offsetTop;
                                parent = parent.offsetParent;
                        }

                        return {
                                left: left,
                                top: top
                        };
                }
   
                var p = new musicPlayer({
                        player: g('aud'),
                        lrc: g('lrc').innerHTML,
                        lrcArea: g('lrcArea')
                });
</script>
<script>
(function () {

        let Act = new AudioContext();

        let audSrc = Act.createMediaElementSource(aud);

        let analyser = Act.createAnalyser();

        audSrc.connect(analyser);

        analyser.connect(Act.destination);

        let ctx = canv.getContext('2d');

        let width = canv.width;

        let height = canv.height;

        let ppColor = ctx.createLinearGradient(300,200,300,0);

        ppColor.addColorStop(0.6, '#00ff00');

        ppColor.addColorStop(0.4, '#00ff00');

        ppColor.addColorStop(0, '#00ff00');

        let ppNum = 200;

        let voiceHeight = new Uint8Array(analyser.frequencyBinCount);



        (function draw() {

                analyser.getByteFrequencyData(voiceHeight);

                let step = Math.round(voiceHeight.length / ppNum);

                ctx.clearRect(0, 0, width, height);

                for (let j = 0; j < ppNum; j++) {

                        let audiheighteight = voiceHeight;

                        ctx.fillStyle = ppColor;

                        ctx.fillRect(width / 2 + (j * 8), height, 4, -audiheighteight);

                        ctx.fillRect(width / 2 - (j * 8), height, 4, -audiheighteight);

                }

                window.requestAnimationFrame(draw);

        })();

        canv.onclick = () => aud.paused ? aud.play() : aud.pause();

})();

</script>

起个网名好难 发表于 2024-3-23 15:52

不错，找到一个有不少歌曲能用的网站，但酷我上还有不少的歌不能外链。

另外，在手机上试试歌曲能播放，频谱就不一定能出来哦。

红影 发表于 2024-3-24 23:53

这个频谱能完美响应，真棒。原来酷我也可以跨域的。只是不知道怎么去操作{:4_173:}

红影 发表于 2024-3-24 23:54

感谢亚伦老师带来的新的跨域歌曲的获取方法。{:4_199:}
要是详细讲解一下更好呢，没办法，我太笨了{:4_173:}

亚伦影音工作室 发表于 2024-3-25 04:57

红影 发表于 2024-3-24 23:54
感谢亚伦老师带来的新的跨域歌曲的获取方法。
要是详细讲解一下更好呢，没办法，我太笨了{:4_173 ...

歌曲id地址的编号，填在代理代码里即可！

红影 发表于 2024-3-25 21:12

亚伦影音工作室 发表于 2024-3-25 04:57
歌曲id地址的编号，填在代理代码里即可！

这么简单呢。谢谢亚伦老师，又有个新的跨域歌曲来源了呢，真好{:4_187:}

查看完整版本: kuwo跨域代理地址代码https://mp3.t57.cn:7087/kwlink_d.php?id=ID