马黑黑 发表于 2021-11-11 22:56
好梦，梦里发财
我就是一心想发财，运气就不来，郁闷的{:4_170:}
本帖最后由 加林森 于 2022-2-23 21:29 编辑 <br /><br />小辣椒 发表于 2021-11-12 11:29
70年代，那有点早的
是的
[快三]爱人别哭-格格VS伊扬LRC歌词
<style>
#bigPa { position: relative; width: 1000px; left:-203px; height: 569px; background:#333 url('https://pic.imgdb.cn/item/62161ae32ab3f51d91e15cd8.jpg') no-repeat center/cover; box-shadow: 0 0 0 2px #111;}
#gcDiv { width: 300px; float: right; }
#paDiv { position: relative; top: 10px; width: 220px; display: flex; align-items: center; border: 1px solid olive; border-radius: 8px 0px 8px 0px; background: rgba(0,0,0,.8); box-shadow: 1px 1px 2px #000; }
#jindu { position: relative; width: 200px; height: 8px; line-height: 8px; font-size: 10px; color: #eee; text-align: center; background: linear-gradient(90deg, olive, green) no-repeat; background-size: 8px 0px; cursor: pointer; }
#btn-ro { width: 20px; height: 20px; line-height: 20px; font-size: 12px; background: linear-gradient(blue, silver, red); outline:none; color: white; border-radius: 50%; text-align: center; cursor: pointer; animation: rol linear 2s infinite; }
#lrcDiv { position: relative; top: 20px; color: #A4D1D7; font-size: 1em; text-shadow: 1px 1px 2px #000; }
#btn-ro:hover { opacity: 0.8; }
#btn-ro:active { opacity: 1; }
@keyframes rol { to { transform:rotate(360deg); } }
</style>
<div id="bigPa">
<div id="gcDiv">
<!-- 播放器开始 -->
<div id="paDiv">
<div id="btn-ro">·</div><!-- 播放按钮 -->
<div id="jindu"><div id="jd-go"></div></div>
</div>
<!-- 播放器结束 -->
<div id="lrcDiv">歌词同步显示</div>
</div>
</div>
<script language="javascript">
var lrcAr=[
["00:00.000","作词 : 崔伟立"],
["00:00.116","作曲 : 崔伟立"],
["00:00.232","爱人别哭-格格/伊扬"],
["00:01.244","词：崔伟立"],
["00:02.24","曲：崔伟立"],
["00:02.656","编曲：朱雀音乐"],
["00:03.512","混音：朱雀音乐"],
["00:04.736","OP ：塑星文化传媒"],
["00:19.512","女："],
["00:20.889","亲爱的爱人请你别哭"],
["00:25.320","别让双眼模糊"],
["00:29.257","男："],
["00:30.169","就算是全世界都已荒芜"],
["00:34.433","我与你朝朝暮暮"],
["00:37.801","女："],
["00:39.345","亲爱的爱人请你别哭"],
["00:43.793","别让眼泪流出"],
["00:47.360","男："],
["00:48.464","就算是美好一去不复"],
["00:52.928","就让我给你幸福"],
["00:57.547","合："],
["00:59.923","亲爱的让我给你保护"],
["01:04.539","风雨里并肩走"],
["01:09.243","就算是经历过千辛万苦"],
["01:13.763","我们都不会在乎"],
["01:18.587","亲爱的让我牵你的手"],
["01:23.03","风雨里跳支舞"],
["01:27.715","就算是再多的艰难险阻"],
["01:32.266","我们都不会认输"],
["01:50.987","女："],
["01:53.283","亲爱的爱人请你别哭"],
["01:57.667别让双眼模糊"],
["02:00.642","男："],
["02:02.317","就算是全世界都已荒芜"],
["02:06.827","我与你朝朝暮暮"],
["02:10.139","女："],
["02:11.683","亲爱的爱人请你别哭"],
["02:16.115","别让眼泪流出"],
["02:19.627","男："],
["02:20.811","就算是美好一去不复"],
["02:25.496","就让我给你幸福"],
["02:29.833","合："],
["02:32.463","亲爱的让我给你保护"],
["02:36.831","风雨里并肩走"],
["02:41.503","就算是经历过千辛万苦"],
["02:46.15","我们都不会在乎"],
["02:50.966","亲爱的让我牵你的手"],
["02:55.314","风雨里跳支舞"],
["03:00.146","就算是再多的艰难险阻"],
["03:04.594","我们都不会认输"],
["03:09.361","男："],
["03:09.928","亲爱的让我给你保护"],
["03:13.760","风雨里并肩走"],
["03:17.928","女："],
["03:18.720","就算是经历过千辛万苦"],
["03:23.16","我们都不会在乎"],
["03:27.168","男："],
["03:27.943","亲爱的让我牵你的手"],
["03:31.519","合："],
["03:32.239","风雨里跳支舞"],
["03:36.887","就算是再多的艰难险阻"],
["03:40.805","女："],
["03:41.397","我们都不会认输"],
["03:45.285","合："],
["03:46.181","我们都不会认输"],
["03:50.829","我们都不会认输"]
];
var lrcDiv = document.getElementById('lrcDiv');
var btn = document.getElementById('btn-ro');
var jindu = document.getElementById('jindu');
var aud = document.createElement('audio');
// 音乐地址放在下行引号内
aud.src = "https://www.joy127.com/url/85047.mp3";
aud.loop = true;
aud.autoplay = true;
aud.addEventListener('ended', function() { btn.style.animationPlayState="paused"; }, true);
aud.addEventListener('timeupdate', tmMsg, true);
function tmMsg(){ //进度条
let auT = Math.floor(aud.duration - aud.currentTime);
let auM = auT / 60;
let auMs = parseInt(auM);
if (auMs <10) auMs = "0" + auMs;
let auS = auT % 60;
let auSs = Math.round(auS);
if (auSs < 10) auSs = "0" + auSs;
jindu.innerHTML = "- " + auMs +":" + auSs;
let jd = (100*aud.currentTime)/aud.duration;
jindu.style.backgroundSize = jd+ "% 8px";
}
jindu.onclick = function(){ //进度控制
let w = offset(jindu,"left");
let x = (event.clientX - w) * aud.duration / jindu.clientWidth;
aud.currentTime = x;
}
function offset(obj,direction){//获取父级元素偏移总量
let offsetDir = "offset" + direction.toUpperCase()+direction.substring(1);
let realNum = obj;
let positionParent = obj.offsetParent;
while(positionParent != null){
realNum += positionParent;
positionParent = positionParent.offsetParent;
}
return realNum;
}
btn.onclick = function(){ // 暂停&播放
aud.paused ? (aud.play(), btn.style.animationPlayState="running") : (aud.pause(), btn.style.animationPlayState="paused");
}
//处理lrc歌词数组：时间转换成秒
for(j=0; j<lrcAr.length; j++){
lrcAr = toSec(lrcAr);
}
//lrc时间信息转为秒
function toSec(lrcTime) {
let tmpAr = lrcTime.split(':');
lrcTime = tmpAr * 60 + parseInt(tmpAr);
return lrcTime;
}
//同步显示歌词
aud.ontimeupdate = function() {
let tt = this.currentTime;
for(j=0; j<lrcAr.length; j++){
if(tt > lrcAr) lrcDiv.innerHTML = lrcAr;
}
}
</script>
加林森 发表于 2021-11-12 11:34
是的
队长在啊，我也是刚上来不久
小辣椒 发表于 2021-11-12 11:30
我就是一心想发财，运气就不来，郁闷的
睡得好就发不了财
马黑黑 发表于 2021-11-12 11:44
睡得好就发不了财
我无论睡的好不好，都发不了财，因为这个运气我碰不到的
黑黑去吃饭了
小辣椒 发表于 2021-11-12 11:57
我无论睡的好不好，都发不了财，因为这个运气我碰不到的
黑黑去吃饭了
蟹蟹，我不吃
小辣椒 发表于 2021-11-12 11:36
队长在啊，我也是刚上来不久
我也刚上来啊
加林森 发表于 2021-11-12 12:05
我也刚上来啊
队长 中午去眯一下的
马黑黑 发表于 2021-11-12 12:01
蟹蟹，我不吃
黑黑饿肚子？
小辣椒 发表于 2021-11-12 13:13
队长 中午去眯一下的
小辣椒，我准备出去锻炼了。
哈哈 队长这音乐好熟悉啊 ，想一半天叫不上名字来 {:4_187:} 老黑收礼开心 {:4_191:}
大猫咪 发表于 2021-11-12 19:47
哈哈 队长这音乐好熟悉啊 ，想一半天叫不上名字来 老黑收礼开心
70年代的环球世界的主题曲吧
加林森 发表于 2021-11-12 19:48
70年代的环球世界的主题曲吧
嗯嗯 好熟悉 {:4_189:}
大猫咪 发表于 2021-11-12 19:50
嗯嗯 好熟悉
每天在电视上播一集。
加林森 发表于 2021-11-12 19:52
每天在电视上播一集。
嗯嗯 很经典的音乐，
大猫咪 发表于 2021-11-12 19:53
嗯嗯 很经典的音乐，
就是，考老黑听力，结果把他考倒了？{:4_189:}
加林森 发表于 2021-11-12 19:58
就是，考老黑听力，结果把他考倒了？
{:4_189:} 老黑也有不知道的啊
大猫咪 发表于 2021-11-12 19:59
老黑也有不知道的啊
就是啊{:4_189:}
像是动物世界里的配音
四海八荒 发表于 2021-11-12 21:42
像是动物世界里的配音
很老的音乐了