论坛 › 音乐沙龙 › 《甜蜜对唱红 2CD》 CD2（试烟花水中倒影效果）

亦是金 发表于 2023-9-16 09:45

《甜蜜对唱红 2CD》 CD2（试烟花水中倒影效果）

本帖最后由 亦是金 于 2023-9-16 11:46 编辑 <br /><br /><div class="cont-area">
<div style="width: 1200px;height: 710px;box-shadow:0px 0px 1px 2px #045768, 0px 0px 0px 8px #99e5f5,0px 0px 5px 15px #045768;overflow:hidden;border-radius:1%;margin-top:20px;margin-LEFT: -310px;">

<div style="position:relative;width: 1200px;height: 710px;overflow:hidden;top: 0px;left: 0px;">
<div style="left: 0px;position:absolute;top: 0px;">

<div style="z-index: !;width: 1350px; height: 710px; top:0px; left:0px;   overflow: hidden;transform:rotate(0deg);background-size: 100% 100%;background-image:url(); text-align: center;">
<metaname="referrer" content="never">
<video frameborder="0" src="" autoplay muted loop="" controls="" style="position:absolute;left: -30px;top: -50px;background:#000 ;width:1400px; height: 760px;>

<div style="color:#f88;font-size:2.5em;margin-left:560px;top:0px;"></div>

<img class=&lazyload bg-gif" src="https://ysj147.s3-us-east-1.ossfiles.com/zzsc/gif/lianr04.gif"" title="" alt="" style="z-index: 1;POSITION: relative; TOP: -710px;LEFT:-250px; width:1500px; height: 710px; margin: 0px;border-radius:3%background-color: rgb(255, 255, 255); display: block;">

<img class=&lazyload bg-gif" src="https://ysj147.s3-us-east-1.ossfiles.com/zzsc/gif/yanhua02.gif" data-original="" title="" alt="" style="z-index: 1;POSITION: relative; TOP: -1400px;LEFT:400px; width:450px; height: 200px; margin: 0px;border-radius:3%background-color: rgb(255, 255, 255); display: block;">


<img class=&lazyload bg-gif" src="https://ysj147.s3-us-east-1.ossfiles.com/zzsc/gif/yanhua02dy.gif" data-original="" title="" alt="" style="z-index: 1;POSITION: relative; TOP: -1220px;LEFT:400px; width:400px; height: 150px; margin: 0px;border-radius:3%background-color: rgb(255, 255, 255); display: block; opacity: .9;">

</div>
</style>
</div>

<script>

/* 除以几依据 pin-pu 标签的 width + 希望的间隔值即 margin-right 值 */
let total = Math.ceil(mydiv.offsetWidth / 2);

Array.from({length: total}).forEach((item,key) => {
      item = document.createElement('pin-pu');
      item.style.cssText += `
                background: #${Math.random().toString(16).substr(-6)};
                height: ${Math.random() * mydiv.offsetHeight}px;
                --hh: ${mydiv.offsetHeight / 2 + Math.random() * mydiv.offsetHeight / 2}px;
                --delay: -${Math.random()}s;
      `;
      mydiv.appendChild(item);
});

let node = mydiv;
let clone = node.cloneNode(true);
copydiv.appendChild(clone);

</script>


<style type="text/css">

@keyframes mv { from { background-position: 1200px 0; } to { background-position: 0 0; } }

body { overflow-x: hidden; }
#baiBox {
      font-size: 26px;
      color: #ff0000;
      position: relative;
      text-align:center;
      transform: translate(0%,35%);
      font-weight: normal;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-image: linear-gradient(45deg, #F32121 32%,#8EE73C 43%,#FEFFFF 52%,#091CFD 62%,#36F4B1 75%);
      background-position: -1200px 0;
      filter:drop-shadow(#000000 1px 0 0)drop-shadow(#000000 0 1px 0)drop-shadow(#000000 -1px 0 0) drop-shadow(#000000 0 -1px0);
       -webkit-animation:loop 3s linear 1000000;
}

@-webkit-keyframes loop{
   0%{background-position: -1200px 0;}
   100%{background-position: -0 0;}
}


.tit {
      position: relative;
      width: 700px;
      top: -700px;
      left: -100px;;
      font-family:迷你简细圆;
      font-size: 40px;
      text-shadow: 2px 2px #ff00ff;
      font-weight:bold;
      color:#802A2A;z-index: 10; }
#tit:hover { color: green; }
/*标题位置 移动范围设置*/

</style>

<div id="hu" >
<div id="baiBox"
<div class="tit">
<span >《甜蜜对唱红 2CD》 CD2</span>
<span > </span></div>



<div style="position: relative;width: 500px;height: 50px;top:-100px;LEFT: 980px;z-index: 100;filter: drop-shadow(-1px 1px 1px #e8f552)drop-shadow(0px -1px 1px #e8f552)drop-shadow(0px 0px 1px #e8f552)drop-shadow(0px 0px 1px #e8f552)drop-shadow(0px 0px 1px #e8f552)">
<p><span style="color:#ff0000;"><span style="font-family:华文隶书;"><span style="font-size:26px;">亦是金在线音乐</span></span></span></p></div>

</style>


<div style="position: relative; top:-740px;LEFT: 80px;z-index: 12435;">
<style type="text/css">
.lyricDisp{-webkit-text-stroke:1.5px #ffffff;font: bold 2.2em悟空大字库, sans-serif; transition:.3s all ease;font-size:2.2em;}
.lyricDisp:nth-child(1){color:#000080;text-align:left;--aniName:bgMove1;--durTime:100ms;--aniPlayState:running;}
.lyricDisp:nth-child(1)::before{position:absolute;content:attr(data-lrc);width:0;height:100%;left:0;top:0;color: transparent;background: linear-gradient(45deg, #F32121 32%,#8EE73C 43%,#FEFFFF 52%,#091CFD 62%,#36F4B1 75%);-webkit-background-clip: text;-webkit-text-stroke:2px #000000;filter: contrast(110%)brightness(160%);overflow:hidden;white-space:nowrap;animation:var(--aniName) var(--durTime) linear forwards;animation-play-state:var(--aniPlayState);}
.lyricDisp:nth-child(2){color:blue;text-align:center;font-size:1.6em;}@keyframes bgMove1{from{width:0;}to{width:100%;}}@keyframes bgMove0{from{width:0;}to{width:100%;}}
#LRCShow{position:absolute;left:250px;bottom:-40px;width:75%;height:120px;margin:6px auto position:relative;<!--歌词位置-->}
#rdisk{position:absolute;left:5px;bottom:0px;border-radius: 50%;font-size:4em;color:red;animation:circleSmall2 6s linear infinite;animation-play-state:paused;cursor:pointer;<!--光盘位置-->}
@keyframes circleSmall2{0%{transform:rotateX(0deg) rotateY(20deg) rotateZ(-360deg);}100%{transform:rotateX(0deg) rotateY(20deg) rotate(0deg);}}
#ground3rd{
        width:1000px;height:600px;
        position:absolute;font-size:16px;
        overflow:hidden;border-radius:0px;
        margin:5px 0px 30px -5px;
background:url(https://s4.ax1x.com/2022/03/05/bwbPNq.jpg);
        background-position:center;
        background-size: cover;
      perspective: 1200px;
}

#mpic {
        position: absolute;
        transform: rotateY(0deg);
        top: 0px;
        left: 0px;
        width: 1000px;
        height: 600px;
        animation: rote 80s linear infinite;
        cursor: pointer;
        opacity: 1;
}

@keyframes rote {
        from {
                background-position: 0 0;
                filter: hue-rotate(360deg)
        }

        to {
                background-position: -1730px 300px;
        }
}

#mpic1 {
        position: absolute;
        transform: rotateY(0deg);
        top: 0px;
        left: 0px;
        width: 1000px;
        height: 600px;
        animation: rotet 100s linear infinite;
        cursor: pointer;
        opacity: 1;
}

@keyframes rotet {
        from {
                background-position: 0 0;
                filter: hue-rotate(360deg)
        }

        to {
                background-position: 0px -1730px;
        }
}


#songList li {
        cursor: pointer;
        color: #f7a016;
        font:thick微软简中圆;
      font-size:18px;
      line-height:28px
}
</style>

<div id="ground3rd">
<div class="itemm">

<div style="width: 1000px;height: 600px;box-shadow:0px 0px 1px 2px #045768, 0px 0px 0px 8px #99e5f5,0px 0px 5px 15px #045768;overflow:hidden;border-radius:1%;margin-top:0px;margin-LEFT: 0px;">
<div style="position:relative;width: 1000px;height: 600px;overflow:hidden;top: 0px;left: 0px;">
<div style="left: 0px;position:absolute;top: 0px;">

</div>
<ol id='songList' style="color:red;position:absolute;top:10px;left:0px;"><!--歌曲菜单位置--></ol>
    <div id="rdisk"style="width:150px;height:150px;border: 0px solid #000000;
        background: url('https://ysj147.s3-us-east-1.ossfiles.com/zzsc/png/anniu11.png')"></div>
    <div id="LRCShow"></div>
</div>

<!-- 下面一句是存放歌词的标签        -->
<textarea style="visibility:hidden;" id='lrcContent0'></textarea>

<script type="text/javascript">
var lrcPlayer2=function(){return this.init.apply(this,arguments)};lrcPlayer2.prototype={constructor:lrcPlayer2,init:function(opts){this.lyricTxtObj=document.getElementById(opts.lrcTxtID);lyricTxt=this.lyricTxtObj.innerHTML;this.showLrcObj=document.getElementById(opts.lrcShowID);this.gclines=new Array();for(k=0;k<2;k++){this.gclines=document.createElement('div');this.gclines.className='lyricDisp';this.showLrcObj.appendChild(this.gclines)}this.audioCtrl=document.getElementById(opts.audioCtrl);this.handleLrc(lyricTxt);this.genPlayer(opts.audioURL)},handleLrc:function(lyricTxt){this.lrcVec=new Array();var lyriclist=lyricTxt.split(/\r|\n|\r\n/);for(n=0;n<lyriclist.length;n++){chkTime=lyriclist.match(/\[\d{1,2}:\d{2}.\d{1,3}\]|\[\d{1,2}:\d{2}\]/g);if(chkTime){tIdx=lyriclist.lastIndexOf(']');if(tIdx>0)lrcTxt=lyriclist.substr(tIdx+1);for(m=0;m<chkTime.length;m++){ta=chkTime.substr(1).replace(']','').split(/:/);_t=(+ta)*60+(+ta);if(this.lrcVec.length==0&&_t!=0){this.lrcVec.push()}this.lrcVec.push()}}}this.lrcVec.sort(function(a,b){return(a-b)})},showLrc:function(durTime){this.gclines.innerHTML=this.gclines.dataset.lrc=this.lrcVec.length>0?this.lrcVec:"\u3000";this.gclines.style.setProperty('--aniName','bgMove'+(this.idx%2));this.gclines.style.setProperty('--durTime',durTime+'ms');this.gclines.style.setProperty('--aniPlayState','running')},genPlayer:function(mUrl){this.mObj=document.createElement("audio");this.mObj.loop=false;this.mObj.muted=false;this.mObj.src=mUrl;this.showLrcObj.appendChild(this.mObj);this.idx=0;var that=this;this.mObj.addEventListener('ended',function(){that.idx=0});this.mObj.addEventListener('playing',function(){that.audioCtrl.style.animationPlayState='running';that.gclines.style.setProperty('--aniPlayState','running')});this.mObj.addEventListener('pause',function(){that.audioCtrl.style.animationPlayState='paused';that.gclines.style.setProperty('--aniPlayState','paused')});this.mObj.addEventListener('error',function(){console.log("audio wrong, remove play start event");that.showLrcObj.style.display='none';that.showLrcObj.removeChild(this)});this.mObj.addEventListener('timeupdate',function(){if(this.currentTime>that.lrcVec){if(that.idx<(that.lrcVec.length-1)){that.showLrc((that.lrcVec-that.lrcVec)*950)}else{that.showLrc((this.duration-that.lrcVec)*950)}if(that.idx+1==that.lrcVec.length){that.gclines.innerHTML=""}else{that.gclines.innerHTML=that.lrcVec}that.idx++}});this.audioCtrl.onclick=function(){if(that.mObj.paused){that.mObj.play()}else{that.mObj.pause()}};try{this.mObj.play()}catch(err){console.log(err.message)}},stopMusic:function(){this.mObj.pause();this.mObj.controls=false;},setAudioUrl:function(mUrl){this.mObj.src=mUrl},isMusicEnd:function(){return this.mObj.ended},reStart:function(){this.idx=0;this.mObj.play()}}
</script>

<script type="text/javascript">
(function()        {
songParas = [
["《姑娘我爱你》 - 男女声对唱","","https://ysj147.s3-us-east-1.ossfiles.com/tmdch/CD02/0210.mp3",`
《姑娘我爱你》 - 男女声对唱
作词:余启翔 索朗扎西 / 作曲:绍兵
专辑：《甜蜜对唱红》 CD2
歌词编辑：亦是金
● ● ● ● ● ●
长长的头发 黑黑的眼睛
好象在什么地方见过你
山上的格桑花开的好美丽
我要摘一朵 亲手送给你
纯纯的笑容 傻傻的话语
烙印在我的心头难忘记
头上的彩蝶呀飞的好甜蜜
想要对你说 我已爱上你
亲爱的姑娘我爱你
让我走进你的世界 和你在一起
亲爱的姑娘我爱你
生生世世为你付出一切 我也愿意
● ● ● ● ● ●
长长的头发 黑黑的眼睛
好象在什么地方见过你
山上的格桑花开的好美丽
我要摘一朵 亲手送给你
纯纯的笑容 傻傻的话语
烙印在我的心头难忘记
头上的彩蝶呀飞的好甜蜜
想要对你说 我已爱上你
亲爱的姑娘我爱你
让我走进你的世界 和你在一起
亲爱的姑娘我爱你
生生世世为你付出一切 我也愿意
亲爱的姑娘我爱你
让我走进你的世界 和你在一起
亲爱的姑娘我爱你
生生世世为你付出一切 我也愿意
-- 谢谢欣赏 --`],
["《 犯 错 》 - 斯琴高丽&顾 峰","","https://ysj147.s3-us-east-1.ossfiles.com/tmdch/CD02/0201.mp3",`《 犯 错 》 - 斯琴高丽&顾 峰
专辑：《甜蜜对唱红》 CD2
词曲：顾 峰
歌词编辑：亦是金
● ● ● ● ● ●
沉默不是代表我的错
分手不是唯一的结果
我只是还没有想好
该怎么对你说
沉默不是代表我的错
伤心不是唯一的结果
只想再听你说一次
你依然爱着我
既然你并没有犯错
为什么还要躲着我
我每天都这么的难过
到底我做错了什么
既然你并没有犯错
为什么还要不理我
你什么都不肯对我说
请你不要再沉默
-- 谢谢欣赏 --`],
["《下辈子也要找到你》 - 江智民&周虹","","https://ysj147.s3-us-east-1.ossfiles.com/tmdch/CD02/0202.mp3",`《下辈子也要找到你》 - 江智民&周虹
专辑：《甜蜜对唱红》 CD2
词曲：张艾文
歌词编辑：亦是金
● ● ● ● ● ●
写给你的信 一去没音讯
就连手机 你也关了机
我找不到你 你到底在哪里
好久没有你的消息 你的声音
所有的飞机早已经落了地
我还以为你在等待你的行李
查旅客名字没有你的登记
坐在回家的TEXI里 沿途找你
把你的名字写在烟上吸进肺里
让你保持离我心脏最近的距离
再也不用担心会和你断了联系
一辈子也要在一起
把你的名字写在烟上吸进肺里
让你留在离我心脏最近的距离
就算下辈子你会和我断了联系
可我还会记得你

所有的飞机早已经落了地
我还以为你在等待你的行李
查旅客名字没有你的登记
坐在回家的TEXI里 沿途找你
把你的名字写在烟上吸进肺里
让你保持离我心脏最近的距离
再也不用担心会和你断了联系
一辈子也要在一起
把你的名字写在烟上吸进肺里
让你留在离我心脏最近的距离
就算下辈子你会和我断了联系
可我还会记得你

把你的名字写在烟上吸进肺里
让你保持离我心脏最近的距离
再也不用担心会和你断了联系
一辈子也要在一起
把你的名字写在烟上吸进肺里
让你留在离我心脏最近的距离
就算下辈子你会和我断了联系
可我还会记得你
可我还能找到你
-- 谢谢欣赏 --`],
["《为爱放弃自由》 - 江智民&周虹","","https://ysj147.s3-us-east-1.ossfiles.com/tmdch/CD02/0203.mp3",`《为爱放弃自由》 - 江智民&周虹
专辑：《甜蜜对唱红》 CD2
作词：尔萨 彭磊 作曲：尔萨
歌词编辑：亦是金
● ● ● ● ● ●
前世的等待
换来今生的相约
当我见到你的时候
再也无法掩饰自己

苦苦的追求
换来你我的相守
你我牵手的时候
再也无法找回自己

我为了爱放弃自由
你却如此轻易就放手
我为了你再次逗留
却换来又一次分手
我为了爱放弃自由
你却狠心让我独自漂流
我为了你再次逗留
你却忍心让我一个人走
不再挽留
● ● ● ● ● ●
-- 谢谢欣赏 --`],
["《女孩的心思男孩你别猜》 - 江智民/周虹","","https://ysj147.s3-us-east-1.ossfiles.com/tmdch/CD02/0204.mp3",`正在播放：《甜蜜对唱红 2CD》 CD2
《女孩的心思男孩你别猜》 江智民/周虹`],
["《我从雪山来》 - 男女声对唱","","https://ysj147.s3-us-east-1.ossfiles.com/tmdch/CD02/0205.mp3",`《我从雪山来》 - 男女声对唱
词曲：张 超
专辑：《甜蜜对唱红》 CD2
歌词编辑：亦是金
● ● ● ● ● ●
雅鲁藏布江 流进我胸膛
岁月在飘香 往事在流淌
弯弯的月亮 遥遥的梦想
我望着远方 吉祥的光芒

喜马拉雅山 绵绵的山岗
有多少苍茫 我与你畅想
你从远方来 抚慰我的伤
在你的身旁 依旧高歌唱

我从雪山来 洒满情和爱
绽放了雪莲花
格外的洁白
我从雪山来 为你留下来
绽放了格桑花
开在心里开在心外
嘿 呀拉索
● ● ● ● ● ●
喜马拉雅山 绵绵的山岗
有多少苍茫 我与你畅想
你从远方来 抚慰我的伤
在你的身旁 依旧高歌唱
我从雪山来 洒满情和爱
绽放了雪莲花
格外的洁白
我从雪山来 为你留下来
绽放了格桑花
开在心里开在心外
嘿 呀拉索
● ● ● ● ● ●
我从雪山来 洒满情和爱
绽放了雪莲花
格外的洁白
我从雪山来 为你留下来
绽放了格桑花
开在心外
我从雪山来 洒满情和爱
绽放了雪莲花
格外的洁白
我从雪山来 为你留下来
绽放了格桑花
开在心里开在心外
嘿 呀拉索
-- 谢谢欣赏 --`],
["《不要在我寂寞的时候说爱我》 - 江智民/周虹","","https://ysj147.s3-us-east-1.ossfiles.com/tmdch/CD02/0206.mp3",`《不要在我寂寞的时候说爱我》 - 江智民/周虹
词：龙军/曲：张超
专辑：《甜蜜对唱红》 CD2
歌词编辑：亦是金
● ● ● ● ● ●
柔柔的晚风轻轻吹过
我的心情平静而寂寞
当我想忘记爱情去勇敢生活
是谁到我身边唱起了情歌
当初的爱情匆匆走过
除了伤口没留下什么
你总是在我寂寞流泪的时候
用你的双臂紧紧抱着我
不要在我寂寞的时候说爱我
除非你真的能给予我快乐
那过去的伤总在随时提醒我
别再被那爱情折磨
不要在我哭泣的时候说爱我
除非你真的不让我难过
我不想听太多那虚假的承诺
让我为爱再次后悔 犯下的错
● ● ● ● ● ●
当初的爱情匆匆走过
除了伤口没留下什么
你总是在我寂寞流泪的时候
用你的双臂紧紧抱着我
不要在我寂寞的时候说爱我
除非你真的能给予我快乐
那过去的伤总在随时提醒我
别再被那爱情折磨
不要在我哭泣的时候说爱我
除非你真的不让我难过
我不想听太多那虚假的承诺
让我为爱再次后悔 犯下的错
● ● ● ● ● ●
不要在我寂寞的时候说爱我
除非你真的能给予我快乐
那过去的伤总在随时提醒我
别再被那爱情折磨
不要在我哭泣的时候说爱我
除非你真的不让我难过
我不想听太多那虚假的承诺
让我为爱再次后悔 犯下的错
-- 谢谢欣赏 --`],
["《爱在秋天的童话》 - 周虹/江智民","","https://ysj147.s3-us-east-1.ossfiles.com/tmdch/CD02/0207.mp3",`《爱在秋天的童话》 - 周虹/江智民
词曲：安东阳
专辑：《甜蜜对唱红》 CD2
歌词编辑：亦是金
● ● ● ● ● ●
那是一个浪漫的秋天
我和你走进了童话的里面
轻轻的风吹过我窗前
一道美丽的彩虹挂在天边
那是一个难忘的秋天
我和你恋爱在童话的里面
袅袅的烟升向蓝天
一对美丽的鸳鸯戏水缠绵
我拉着你的手来到小河边
吻吻你的眼睛吻吻你的脸
掐掐你的鼻子掐掐你的肩
清清的小河边蓝蓝的天
我们天天相恋天天把手儿牵
青春已不见容颜已改变
童话里不变的你我的缠绵
童话里不变永远的笑脸
● ● ● ● ● ●
那是一个难忘的秋天
我和你恋爱在童话的里面
袅袅的烟升向蓝天
一对美丽的鸳鸯戏水缠绵
我拉着你的手来到树林间
谈谈我们未来谈谈从前
讲讲我们故事讲讲体验
静静的树林间晴朗的天
我们天天相恋天天把手儿牵
光阴已不见岁月已走远
童话里不变的爱情的誓言
童话里不变爱你到永远
我拉着你的手来到树林间
谈谈我们未来谈谈从前
讲讲我们故事讲讲体验
静静的树林间 晴朗的天
我们天天相恋天天把手儿牵
光阴已不见岁月已走远
童话里不变的爱情的誓言
童话里不变爱你到永远
-- 谢谢欣赏 --`],
["《美了美了》 - 男女声对唱","","https://ysj147.s3-us-east-1.ossfiles.com/tmdch/CD02/0208.mp3",`正在播放：《甜蜜对唱红 2CD》 CD2
请欣赏：《美了美了》 - 男女声对唱`],
["《擦肩而过》 - 男女声对唱","","https://ysj147.s3-us-east-1.ossfiles.com/tmdch/CD02/0209.mp3",`正在播放：《甜蜜对唱红 2CD》 CD2
请欣赏：《擦肩而过》 - 男女声对唱`],
["《梁山伯与朱丽叶》 - 女声独唱","","https://ysj147.s3-us-east-1.ossfiles.com/tmdch/CD02/0211.mp3",`正在播放：《甜蜜对唱红 2CD》 CD2
请欣赏：《梁山伯与朱丽叶》 - 男女声对唱`],
["《我要用心的告诉你》 - 女声独唱","","https://ysj147.s3-us-east-1.ossfiles.com/tmdch/CD02/0212.mp3",`正在播放：《甜蜜对唱红 2CD》 CD2
请欣赏：《我要用心的告诉你》 - 男女声对唱`],
["《放手去爱》 - 男声独唱","","https://ysj147.s3-us-east-1.ossfiles.com/tmdch/CD02/0213.mp3",`正在播放：《甜蜜对唱红 2CD》 CD2
请欣赏：《放手去爱》 - 男女声对唱`],
["《谁都不该让你心碎》 - 女声独唱","","https://ysj147.s3-us-east-1.ossfiles.com/tmdch/CD02/0214.mp3",`正在播放：《甜蜜对唱红 2CD》 CD2
请欣赏：《谁都不该让你心碎》 - 男女声对唱`],
["《别再说你爱着我》 - 男声独唱","","https://ysj147.s3-us-east-1.ossfiles.com/tmdch/CD02/0215.mp3",`正在播放：《甜蜜对唱红 2CD》 CD2
请欣赏：《别再说你爱着我》 - 男女声对唱`],
];

var opts = {
        lrcTxtID:'lrcContent0',
        lrcShowID:"LRCShow",
        audioURL:"https://www.qqmc.com/up/kwlink.php?id=60010502&.mp3",
        audioCtrl:'rdisk'
};
var km = null;
var idx = 0;
let songList = document.getElementById('songList');

        for(n = 0; n < songParas.length; n++)        {
                let item = document.createElement('li');
                item.id = 's'+n;
                item.innerHTML = songParas;
               
                songList.appendChild(item);
        }

        items = songList.getElementsByTagName('li');
       
        for(n = 0 ; n < items.length; n++)        {
                items.onclick=function()        {
                        idx = parseInt(this.id.substr(1));
                        document.getElementById('ground3rd').style.backgroundImage = `url(${songParas})`;
                        if(km){
                                km.stopMusic();
                                //km = null;
                                km.handleLrc(songParas);
                                km.setAudioUrl(songParas);
                                km.reStart();
                        }
                        else        {
                                document.getElementById(opts.lrcTxtID).innerHTML = songParas;
                                opts.audioURL=songParas;
                                km = new lrcPlayer2(opts);
                        }
                }
        }
        items.click();

setInterval(() => {
        if(km)        {
                items = songList.getElementsByTagName('li');
                if(km.isMusicEnd())        {
                        idx++; idx %= items.length;
                        items.click();
                }
        }
        //setTimeout(isSongEnded, 500);
}, 500);

})();
</script>

红影 发表于 2023-9-16 11:13

有时个甜蜜的背景，亦是金老师的制作都很歌曲很吻合呢，很赞{:4_199:}

红影 发表于 2023-9-16 11:14

播放器按钮也用得漂亮，像浮在水面的莲花一样{:4_187:}

红影 发表于 2023-9-16 11:15

这么多好听的歌儿，太赞了{:4_199:}

亦是金 发表于 2023-9-16 11:24

红影 发表于 2023-9-16 11:13
有时个甜蜜的背景，亦是金老师的制作都很歌曲很吻合呢，很赞

问好红影！谢谢表扬！{:4_187:}

亦是金 发表于 2023-9-16 11:25

红影 发表于 2023-9-16 11:14
播放器按钮也用得漂亮，像浮在水面的莲花一样

谢谢欣赏鼓励！{:4_187:}

亦是金 发表于 2023-9-16 11:26

红影 发表于 2023-9-16 11:15
这么多好听的歌儿，太赞了

欢迎常来听歌！{:4_204:}

红影 发表于 2023-9-16 13:24

亦是金 发表于 2023-9-16 11:24
问好红影！谢谢表扬！

亦是金老师带来了这么多好歌呢，辛苦了。

红影 发表于 2023-9-16 13:25

亦是金 发表于 2023-9-16 11:25
谢谢欣赏鼓励！

问好亦是金老师，周六快乐{:4_187:}

红影 发表于 2023-9-16 13:25

亦是金 发表于 2023-9-16 11:26
欢迎常来听歌！

好啊，没事听听歌儿，是最美好的享受呢{:4_187:}

醉美水芙蓉 发表于 2023-9-16 15:06

亦是金 发表于 2023-9-16 16:07

醉美水芙蓉 发表于 2023-9-16 15:06
欣赏老师精彩专辑！

问好！欢迎欣赏！{:4_187:}

焱鑫磊 发表于 2023-9-16 20:25

棒棒哒！{:4_187:}

亦是金 发表于 2023-9-16 22:33

焱鑫磊 发表于 2023-9-16 20:25
棒棒哒！

问好！欢迎欣赏！{:4_187:}

冬天的雨 发表于 2023-9-18 20:49

换模版了{:4_199:}

冬天的雨 发表于 2023-9-18 20:50

不一样的画面制作一样的精彩

查看完整版本: 《甜蜜对唱红 2CD》 CD2（试烟花水中倒影效果）