大家该睡觉了啊！ - 第2页 - 欢乐水吧 - 花潮论坛

大猫咪 发表于 2021-9-25 20:35

加林森发表于 2021-9-25 20:32
真乖，猫猫我真的喜欢你！

谢谢队长，猫更喜欢队长，紧紧抱抱 {:4_179:}

无尘发表于 2021-9-25 20:35

队长晚安

加林森 发表于 2021-9-25 20:41

本帖最后由加林森于 2022-2-27 21:03 编辑 <br /><br />大猫咪发表于 2021-9-25 20:35
谢谢队长，猫更喜欢队长，紧紧抱抱
谢谢猫猫！{:4_179:}

<style type="text/css">

.mnBox { position: relative; margin: 0 auto; padding: 35px; width: 660px; border: none; border-top: 6px solid #4a3122; border-radius: 10px; background: #988d85; }
.ctBox { margin: 0; padding: 30px; background: #fff; min-height: 300px; border-radius: 10px; }
.ctBox p,img, h2,button { text-align:center; }
#lrcDiv { margin: auto; width: 300px; height: 43px; overflow: hidden; position: relative; padding: 8px; text-align:center; }
#lrcDiv ul, lrcli { margin: 0; padding: 0;}
#lrcUl { position: absolute; left:30px;top: 0; }
#lrcUl li { height: 20px; font-size:14px; line-height:20px;left:50px; color: black; list-style-type: none; }
#myplayer { outline: none; list-style-type: none; }

</style>

<div class="mnBox">
   <div class="ctBox">
            <p style="text-align:center;"><img alt="500" height="379" src="https://pic.imgdb.cn/item/621b44212ab3f51d91c128b5.jpg" /><br></p>
            <h2 style="padding-bottom: 10px;">被忘路-阿杜</h2>
            <h2 style="text-align:center;">送大家</h2>
            <pre>

                     如今的《被忘路》阿杜也许不会再有当年的大红大紫，
                     但我们会一路陪伴你、祝福你，有你、有我们，有音乐。
                     新曲《被忘路》太忧伤了，惹人落泪，
                     听歌的时候泪水不知不觉蓄满眼眶。
                     歌声的沧桑感与悲凉，旋律的沉静，
                     都让人深深体会到一份成熟与无奈。
                     人生就是不断地告别，无尽的回眸，
                     一个人上路，一个人体会孤独，
                     即使被生活恶狠狠地伤害，还是要艰难地走下去，
                     成熟的感觉是忧伤的，
                     “我不停的赶路，梦不停的断路”的啼笑皆非感，
                     “这条路不必搀扶”的孤绝。
                     《被忘录》抚慰了每一个忧伤的灵魂、孤独者与梦想家，
                        与听众细腻的灵魂形成了共振。

            </pre>
            <p style="margin: auto; width:120px; left:50px;text-align:center; font-size:14px; color:#000;"><marqueescrollamount="2" direction="left" >被忘路-阿杜</marquee></p>

            <p style="text-align:center;"><audio id="myplayer" src="http://www.kumeiwp.com/sub/filestores/2021/09/20/c4c459aea80c7bc34ddda3b54cdb9932.mp3" controls="controls" autoplay="autoplay"></audio></p>
            <div id="lrcDiv"><ul id="lrcUl"></ul></div>
            <p style="margin: 20px; text-align:center;">加林森2022 02 27</p>
   </div>
</div>
<p style="margin: auto; width:420px; left:50px;text-align:center; font-size:14px; color:#000;">
<script language="javascript">

var lrcAr = [
["00:00.38","被忘路-阿杜"],
["00:00.82","作词 : 易家扬"],
["00:13.00","作曲 : 文颖秋（CΛNDY）"],
["00:24.03","陌生的路标很颓废看不太清楚"],
["00:30.90","一身灰尘加上雷雨越走越无助"],
["00:37.04","我不停的赶路"],
["00:40.31","梦不停的断路"],
["00:43.54","脚踏记忆的泥土但心钉在当初"],
["00:51.66","风声再胡闹也不会把心声移除"],
["00:59.36","不定时翻出点东西弄得你想哭"],
["01:03.84","有人记得幸福"],
["01:07.32","有人忘了结束"],
["01:10.63","我一个人往前走走几万公里路"],
["01:17.41","一个人感触一个人恍惚"],
["01:20.68","一个人走上被忘路"],
["01:24.41","晴天的热度雨天的湿度"],
["01:27.63","阴天可怜的能见度"],
["01:30.88","失恋的地图风吹破旅途"],
["01:34.31","月光安慰了被忘路"],
["01:38.08","忘记人挺狠想念人挺苦"],
["01:41.28","我是谁得问问孤独"],
["01:45.46","谁把思念缝成衣服"],
["01:52.42","这条路不必搀扶"],
["02:10.38","风声再胡闹也不会把心声移除"],
["02:17.03","不定时翻出点东西弄得你想哭"],
["02:22.88","有人记得幸福"],
["02:25.96","有人忘了结束"],
["02:29.41","我一个人往前走走几万公里路"],
["02:36.31","一个人感触一个人恍惚"],
["02:40.12","一个人走上被忘路"],
["02:43.14","晴天的热度雨天的湿度"],
["02:46.32","阴天可怜的能见度"],
["02:49.50","失恋的地图风吹破旅途"],
["02:53.22","月光安慰了被忘路"],
["02:56.89","忘记人挺狠想念人挺苦"],
["03:00.23","我是谁得问问孤独"],
["03:03.55","失恋的地图风吹破旅途"],
["03:06.94","月光安慰了被忘路"],
["03:10.57","忘记人挺狠想念人挺苦"],
["03:13.79","我是谁得问问孤独"],
["03:18.06","谁把思念缝成衣服"],
["03:24.67","这条路不必搀扶"],
["03:26.61","这条路不必搀扶"],
["03:52.01","谢谢欣赏"]
];
var myaud = document.getElementById('myplayer'); //播放器标识
var lrcUl = document.getElementById('lrcUl'); //歌词显示元素标识
//处理lrc歌词数组：时间转换成秒、歌词放入li标签
for(j=0; j<lrcAr.length; j++){
   lrcAr = toSec(lrcAr);
   lrcUl.innerHTML += "<li id='li" + lrcAr + "'>" + lrcAr + "</li>";
}
//lrc时间信息转为秒
function toSec(lrcTime) {
   let tmpAr = lrcTime.split(':');
   lrcTime = tmpAr * 60 + parseInt(tmpAr);
   return lrcTime;
}
//同步高亮、翻滚歌词
myaud.ontimeupdate = function() {
   let tt = this.currentTime;
   for(j=0; j<lrcAr.length; j++){
            if(tt > lrcAr){
                     if(j > 0){
                           let idxLast = lrcAr;
                           document.getElementById("li" + idxLast).style.color = "black";
                           lrcUl.style.top ="-" + (j * 20 - 20) + "px";
                     }
                     let idx = lrcAr;
                     document.getElementById("li" + idx).style.color = "red";
            }
   }
}
// 播放结束重置歌词样式
myaud.onended = function() {
   document.getElementById("li" + lrcAr).style.color = "black";
   lrcUl.style.top = 0;
   this.play();
}

</script>

加林森 发表于 2021-9-25 20:42

无尘发表于 2021-9-25 20:35
队长晚安

阿弥陀佛，无尘兄晚安！{:5_161:}

无尘发表于 2021-9-25 20:55

加林森发表于 2021-9-25 20:42
阿弥陀佛，无尘兄晚安！

无量天尊，队长客气了

加林森 发表于 2021-9-25 21:58

本帖最后由加林森于 2021-11-6 18:11 编辑 <br /><br />无尘发表于 2021-9-25 20:55
无量天尊，队长客气了
你别客气啊！{:5_161:}

加林森 发表于 2021-11-6 16:53

本帖最后由加林森于 2021-11-6 18:12 编辑 <br /><br />怎么跑这里来了？晕~~~~~~~~~~~~

加林森 发表于 2021-11-9 00:41

睡觉了，大家晚安！

页: 1 [2]

花潮论坛's Archiver