《汽车专用极品大碟 12CD》 CD1
<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="
https://img.tukuppt.com/video_show/53950850/06/49/07/64b4fe0e877e3.mp4" autoplay muted loop="" controls="" style="position:absolute;left:-20px;top:-50px;background:#000 ;width:1400px; height: 830px;>
<div style="color:#f88;font-size:2.5em;margin-left:560px;top:0px;"></div>
<img class=&lazyload bg-gif" src="https://z3.ax1x.com/2021/08/26/hujGMd.gif" data-original="" title="" alt="" style="z-index: 1;POSITION: relative; TOP: -160px;LEFT:-250px;height: 70px; margin: 0px;border-radius:3%background-color: rgb(255, 255, 255); display: block;">
</div>
</style>
</div>
<style>
#wrapper {
position: absolute;
display: flex;
width: fit-content;
height: fit-content;
/* border仅用于观察 */
border: 1px solid red;
}
#mydiv {
position: absolute;
top: -185px;
left: 370px;
width: 500px;
height: 185px;
display: flex;
justify-content: center;
align-items: center;
}
#copydiv { transform: rotateY(-180deg); }
pin-pu {
margin-right: 1px;
width: 1px;
height: 10px;
background: blue;
animation: change .4s var(--delay) infinite alternate linear;
}
@keyframes change {
from { height: 2px; }
to { height: var(--hh); }
}
</style>
<div id="wrapper">
<div id="mydiv"></div>
<div id="copydiv"></div>
</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 >《汽车专用极品大碟 12CD》 CD1</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: #ffffff;
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:100px;height:100px;border: 0px solid #000000;
background: url('https://i.ibb.co/PzGxWN7/image.png')0 0/100% 100%,conic-gradient(red,orange,yellow,green,teal,blue,#ff0000);
mask: radial-gradient(transparent 7px,#red 0);transform: rotateX(45deg) rotateY(20deg) rotate(0deg);"></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/qiche/CD01/0105.mp3",`《 车 站 》 - 男声独唱
词曲：曹 磊
专辑：汽车专用极品大碟1：流行歌曲1
歌词编辑：亦是金
● ● ● ● ● ●
火车已经进车站
我的心里涌悲伤
汽笛声音已渐渐响
心爱的人要分散
离别的 伤心泪水 滴落下
站台边 片片离愁 涌入我心上
火车已经离家乡
我的眼泪在流淌
把你牵挂在心肠
只有梦里再相望
-- 谢谢欣赏 --`],
["《 那 一 天 》 - 女声独唱","","https://ysj147.s3-us-east-1.ossfiles.com/qiche/CD01/0101.mp3",`《 那 一 天 》 - 女声独唱
专辑：汽车专用极品大碟1：流行歌曲1
歌词编辑：亦是金
● ● ● ● ● ●
记得那一天 上帝 安排我们 见了面
我知道 我已经 看到了春天
记得那一天 带着 想你的 日夜期盼
迫切得 不知道 何时再相见
记得那一天 等待 在心中点起火焰
我仿佛 看到了 命运的中转
记得那一天 你像是 丢不掉的烟
弥漫着我 再也驱赶不散
那一天 那一天 我丢掉了你
像个孩子失去了 心爱的玩具
那一天 那一天 留在我心里
已烙上了印 永远无法抹去
什么命在故意 和我周旋
给你一个 难忘的春天
却不能让他 继续永远
那一天 你走出我的视线
再也没有出现
-- 谢谢欣赏 --`],
["《千里之外》 - 女声独唱","","https://ysj147.s3-us-east-1.ossfiles.com/qiche/CD01/0102.mp3",`《千里之外》 - 女声独唱
专辑：汽车专用极品大碟1：流行歌曲1
歌词编辑：亦是金
● ● ● ● ● ●
屋檐如悬崖
风铃如沧海 我等燕归来
时间被安排
演一场意外 你悄然走开
故事在城外
浓雾散不开 看不清对白
你听不出来
风声不存在 是我在感慨
梦醒来 是谁在窗台
把结局打开
那薄如蝉翼的未来
经不起谁来拆
我送你离开
千里之外 你无声黑白
沉默年代
或许不该 太遥远的相爱
天涯之外 你是否还在
琴声何来
生死难猜 用一生去等待
一身琉璃白
透明着尘埃 你无暇的爱
你从雨中来
诗化了悲哀 我淋湿现在
芙蓉水面采
船行影尤在 你却不回来
被岁月覆盖
你说的花开 过去成空白
生死难猜 用一生..
-- 谢谢欣赏 --`],
["《我的心太乱》 - 女声独唱","","https://ysj147.s3-us-east-1.ossfiles.com/qiche/CD01/0103.mp3",`《我的心太乱》 - 女声独唱
专辑：汽车专用极品大碟1：流行歌曲1
歌词编辑：亦是金
● ● ● ● ● ●
夜里难以入睡
用什么可以麻醉
情绪太多
怎堪面对
不是不要你陪
有些事你无法体会
卸下了防备
孤独跟随
我想要一个 自己的空间
能够好好想想我们之间的明天
如果爱情不如我们想像的甜美
那么所有的罪让我来背
我的心太乱
要一些空白
你若是明白
让我暂时的离开
不敢再贪更多爱
想哭的我
却怎么哭也哭不出来
老天在不在
忘了为我来安排
害怕爱情的背叛
像是一个迷路小孩
迷路的小孩.
-- 谢谢欣赏 --`],
["《新阿瓦尔古丽》 - 女声独唱","","https://ysj147.s3-us-east-1.ossfiles.com/qiche/CD01/0104.mp3",`《新阿瓦尔古丽》 - 女声独唱
词/曲:刀郎
专辑：汽车专用极品大碟1：流行歌曲1
歌词编辑：亦是金
● ● ● ● ● ●
远方的人 请问你 来自那里
你可曾听说过 阿瓦尔古丽
她带着我的心 穿越了戈壁
多年以前 丢失在 遥远的伊犁
流浪的人 你是否 来自伊犁
你可曾看见过 阿瓦尔古丽
她美丽的眼睛 是否还多情
可曾听见 萨它尔 忧伤的声音
可曾听见过 萨它尔 忧伤的声音
戈壁滩上的驼铃 我问问你
你能否告诉 阿瓦尔古丽
不管是日落 还是黎明
痴情人 在等待 她归来的消息
用最美的声音 等你的消息
-- 谢谢欣赏 --`],
["《 求 佛 》 - 女声独唱","","https://ysj147.s3-us-east-1.ossfiles.com/qiche/CD01/0106.mp3",`《 求 佛 》 - 女声独唱
专辑：汽车专用极品大碟1：流行歌曲1
歌词编辑：亦是金
● ● ● ● ● ●
当月光 洒在我的脸上
我想我就 快变了模样
有一种叫做 撕心裂肺的汤
喝了它 有神奇的力量
闭上眼 看见天堂
那是藏着 你笑的地方
我躲开无数个 猎人的枪
赶走坟墓 放出的忧伤
为了你 我变成狼人摸样
为了你 染上了疯狂
为了你 穿上厚厚的伪装
为了你 换了心肠
我们还能不能 再见面
我在佛前苦苦求了 几千年
愿意用几世 换我们一世情缘
希望可以 感动上天
我们还能不能 能不能再见面
当我在踏过 这条奈何桥之前
让我再 吻一吻你的脸
-- 谢谢欣赏 --`],
["《不要再来伤害我》 - 女声独唱","","https://ysj147.s3-us-east-1.ossfiles.com/qiche/CD01/0107.mp3",`《不要再来伤害我》 - 女声独唱
专辑：汽车专用极品大碟1：流行歌曲1
歌词编辑：亦是金
● ● ● ● ● ●
好难过
这不是我要的那种结果 结果
你说过
这辈子你都不会离开我 离开我
太多太多 让你迷惑
最后你还是 离开了我
开始沉默 什么都不说
就让泪水 慢慢的滑落
不要再来伤害我
自由自在多快乐
我会迷失了自我
唻唻唻～ 唻唻唻～
畏畏缩缩 那不是我
不是我要 故意闪躲
你不爱我 又回来问我
是否我们 还能重新来过
你是你我还是我 各自生活
挣脱爱的枷锁
即使我再寂寞 再难过
也比从前要好得很多
-- 谢谢欣赏 --`],
["《 感 受 》 - 男声独唱","","https://ysj147.s3-us-east-1.ossfiles.com/qiche/CD01/0108.mp3",`《 感 受 》 - 男声独唱
专辑：汽车专用极品大碟1：流行歌曲1
歌词编辑：亦是金
● ● ● ● ● ●
眼看着你 消失尽头
你的名字 始终叫不出口
街上的人群拥挤依旧
孤独的心情 你能否感受
昨夜的你 依然温柔
你甜甜耳语 仍然回荡四周
不过是又一个月落
心情的难过 你如何解脱
人说爱情故事 分分合合 不必难受
可是你不是我 怎知我痛
人说情到深处 无怨尤 不必强求
可是换成你 你真的看破
风声从耳后 呼啸过
想你的速度 能否可以表露
所有的情绪让夜承受
今夜的街头 又一个人游
-- 谢谢欣赏 --`],
["《爱的那么认真》 - 女声独唱","","https://ysj147.s3-us-east-1.ossfiles.com/qiche/CD01/0109.mp3",`正在播放：《爱的那么认真》 - 女声独唱`],
["《干杯朋友》 - 男声独唱","","https://ysj147.s3-us-east-1.ossfiles.com/qiche/CD01/0110.mp3",`正在播放：《干杯朋友》 - 男声独唱`],
["《不 值 得》 - 女声独唱","","https://ysj147.s3-us-east-1.ossfiles.com/qiche/CD01/0111.mp3",`正在播放：《不 值 得》 - 女声独唱`],
["《变了 散了 算了》 - 女声独唱","","https://ysj147.s3-us-east-1.ossfiles.com/qiche/CD01/0112.mp3",`正在播放：《变了 散了 算了》 - 女声独唱`],
["《月 牙 泉》 - 男声独唱","","https://ysj147.s3-us-east-1.ossfiles.com/qiche/CD01/0113.mp3",`正在播放：《月 牙 泉》 - 男声独唱`],
];
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>
好多喜欢的歌儿，这个真好，精彩大碟{:4_187:} 视频背景也选得很好，好像边开车边在听歌一样呢。欣赏亦是金老师好帖{:4_187:} 这么多好歌，丰富了音乐沙龙的曲库呢{:4_173:} 红影 发表于 2023-9-3 09:30
好多喜欢的歌儿，这个真好，精彩大碟
问好红影！{:4_187:} 红影 发表于 2023-9-3 09:34
视频背景也选得很好，好像边开车边在听歌一样呢。欣赏亦是金老师好帖
谢谢欣赏！{:4_187:} 红影 发表于 2023-9-3 09:35
这么多好歌，丰富了音乐沙龙的曲库呢
本系列有12个帖子，打算每天发一个！希望大家能够喜欢！{:4_205:} 亦是金 发表于 2023-9-3 09:49
问好红影！
才发现，我进来就顾着听歌，都忘记评分{:4_173:} 亦是金 发表于 2023-9-3 09:50
谢谢欣赏！
亦是金老师辛苦了{:4_187:} 亦是金 发表于 2023-9-3 09:53
本系列有12个帖子，打算每天发一个！希望大家能够喜欢！
好啊，太好了{:4_199:} 红影 发表于 2023-9-3 10:40
才发现，我进来就顾着听歌，都忘记评分
哈哈哈{:4_189:} 红影 发表于 2023-9-3 10:41
亦是金老师辛苦了
领导辛苦了！致敬！！！{:4_185:} 红影 发表于 2023-9-3 10:41
好啊，太好了
{:4_204:} 醉美水芙蓉 发表于 2023-9-3 09:51
欣赏老师精彩播放器！好听！
问好！谢谢欣赏！{:4_187:} 亦是金 发表于 2023-9-3 10:43
哈哈哈
因为评分就会让歌曲从头了，想听完一首再评的，然后忘了{:4_173:} 亦是金 发表于 2023-9-3 10:45
领导辛苦了！致敬！！！
论坛里就是玩，哪来的什么领导啊{:4_173:} 亦是金 发表于 2023-9-3 10:45
每天有好歌听，感谢亦是金老师带来的福利{:4_204:} 红影 发表于 2023-9-3 11:09
论坛里就是玩，哪来的什么领导啊
{:4_172:} 红影 发表于 2023-9-3 11:10
每天有好歌听，感谢亦是金老师带来的福利
谢谢红影捧场！{:4_187:}
页:
[1]
2