《被忘路》阿杜送大家！

加林森 发表于 2022-2-27 20:54

本帖最后由加林森于 2022-2-28 21:15 编辑 <br /><br /><style type="text/css">

.mnBox { position: relative; margin: 0 auto; padding: 35px; width: 660px; border: none; border-top: 6px solid #00BFFF; border-radius: 10px; background: #87CEFA; }
.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>

大猫咪 发表于 2022-2-27 21:11

特别喜欢阿杜的声音，谢谢队长好分享，真棒！

{:4_187:}{:4_190:}

加林森 发表于 2022-2-27 21:14

大猫咪发表于 2022-2-27 21:11
特别喜欢阿杜的声音，谢谢队长好分享，真棒！

谢谢猫猫支持。{:4_204:}{:4_190:}

绿叶清舟 发表于 2022-2-27 21:29

阿杜还唱过这个歌啊

加林森 发表于 2022-2-27 21:31

绿叶清舟发表于 2022-2-27 21:29
阿杜还唱过这个歌啊

是阿杜的新歌。{:4_190:}

绿叶清舟 发表于 2022-2-27 21:35

加林森发表于 2022-2-27 21:31
是阿杜的新歌。

难怪了和以前味道有点不同了

加林森 发表于 2022-2-27 21:36

绿叶清舟发表于 2022-2-27 21:35
难怪了和以前味道有点不同了

就是，我今天发现的就制作了一个出来。

红影发表于 2022-2-27 21:43

很好听的歌呢，欣赏队长好帖{:4_187:}

加林森 发表于 2022-2-27 21:47

红影发表于 2022-2-27 21:43
很好听的歌呢，欣赏队长好帖

谢谢红影支持！{:4_187:}

小辣椒 发表于 2022-2-27 21:51

队长辛苦了，一天几个帖，注意身体啊

加林森 发表于 2022-2-27 21:53

小辣椒发表于 2022-2-27 21:51
队长辛苦了，一天几个帖，注意身体啊

嗯嗯，我会注意的，谢谢提醒。{:4_187:}

红影发表于 2022-2-27 22:55

加林森发表于 2022-2-27 21:47
谢谢红影支持！

很让人感慨的歌曲。

加林森 发表于 2022-2-27 23:08

红影发表于 2022-2-27 22:55
很让人感慨的歌曲。

这就是人生啊！

红影发表于 2022-2-28 15:56

加林森发表于 2022-2-27 23:08
这就是人生啊！

是的，阿杜唱来尤觉沧桑。

加林森 发表于 2022-2-28 16:18

红影发表于 2022-2-28 15:56
是的，阿杜唱来尤觉沧桑。

嗯嗯。红影下午好！{:4_187:}

页: [1]

花潮论坛's Archiver

《被忘路》 阿杜 送大家！

《被忘路》阿杜送大家！