小辣椒 发表于 2026-1-9 20:36

【声波·偶然 翻唱】《暗里着迷》


<br><br><br>
<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:60px;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="570" height="320" src="https://upfile.mp3.wf/view.php/fa8666aec0c20167ef1e2ee2b439fc05.jpg" /><br></p>
                <h2 style="padding-bottom: 30px;">【声波· 偶然翻唱】</h2>
                <h2 style="text-align:center;">《暗里着迷》</h2>
                <pre>

                         《暗里着迷》

                         是刘德华 1993 年发行的经典粤语情歌,

                         由林振强作词、徐嘉良作曲、

                         Belinda Foo 编曲,

                         收录于粤语专辑《答案就是你》,

                         亦是电影《天长地久》的插曲,

                         其国语版为《言不由衷》。

                         这首歌以克制深情的笔触,

                         精准刻画了爱而不得的暗恋心境,

                         是刘德华自认对其近半生意义重大的作品,

                         也成为他演唱会的保留曲目。

                         偶然演唱这首歌是最棒的!
                        
                        
                </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="https://wj1.zp68.com:812/hxw/yh/2026/01/06/0825.mp3" controls="controls" autoplay="autoplay"></audio></p>
                <div id="lrcDiv"><ul id="lrcUl"></ul></div>
                <p style="margin: 30px; text-align:center;">小辣椒2026 01 09</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.01","《暗里着迷》"],
["00:13.18","演唱:偶然"],
["00:24.47","可不可不要这么样"],
["00:27.15","徘徊在目光内"],
["00:30.70","你会察觉到我根本寂寞难耐"],
["00:37.00","即使千多百个深夜"],
["00:41.64","曾在梦境内"],
["00:45.44","我有吻过你这毕竟并没存在"],
["00:52.92","人声车声开始消和逝"],
["00:56.56","无声挣扎有个情感奴隶"],
["01:00.00","是我多么的想她"],
["01:02.07","但我偏偏只得无尽叹谓"],
["01:07.09","其实每次见你我也着迷"],
["01:11.04","无奈你我各有角色范围"],
["01:14.90","就算在寂寞梦内超出好友关系"],
["01:22.38","唯在暗里爱你暗里着迷"],
["01:25.90","无谓要你惹上各种问题"],
["01:29.71","共我道别吧别让空虚使我越轨"],
["01:38.69","录音后期:偶然"],
["01:52.82","即使千多百个深夜曾在梦境内"],
["01:59.38","我有吻过你这毕竟并没存在"],
["02:06.65","人声车声开始消和逝"],
["02:10.35","无声挣扎有个情感奴隶"],
["02:13.71","是我多么的想她"],
["02:15.79","但我偏偏只得无尽叹谓"],
["02:21.26","其实每次见你我也着迷"],
["02:24.76","无奈你我各有角色范围"],
["02:28.61","就算在寂寞梦内超出好友关系"],
["02:35.80","唯在暗里爱你暗里着迷"],
["02:39.72","无谓要你惹上各种问题"],
["02:43.41","共我道别吧别让空虚使我越轨"],
["02:50.90","其实每次见你我也着迷"],
["02:54.46","无奈你我各有角色范围"],
["02:57.96","就算在寂寞梦内超出好友关系"],
["03:05.59","唯在暗里爱你暗里着迷"],
["03:09.10","无谓要你惹上各种问题"],
["03:12.90","共我道别吧就让空虚把我摧毁"],
["03:21.97","感谢聆听"],
["03:35.26","祝你家庭爱情甜甜蜜蜜"]
];
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>

小辣椒 发表于 2026-1-9 20:38

@偶然

捣鼓了半天的{:4_170:}

偶然的粤语歌很纯正,这首刘德华的《暗里着迷》唱的非常好。{:4_199:}

小辣椒 发表于 2026-1-9 20:39

这个播放器以前黑黑分享过教程,都忘记怎么做的,拿出来练习一次

偶然~ 发表于 2026-1-9 20:47


来欣赏精品佳作!

偶然~ 发表于 2026-1-9 20:49

音画太棒了!

偶然~ 发表于 2026-1-9 20:49

边框唯美

偶然~ 发表于 2026-1-9 20:49

制作大气

偶然~ 发表于 2026-1-9 20:49

音画合一,歌声与画面结合完美

偶然~ 发表于 2026-1-9 20:50

玫瑰花☆╮╮芍药花☆╮╰☆☆╮合欢花花~【*偶然 献花给你啦】

偶然~ 发表于 2026-1-9 20:50

感谢小辣椒带来的精彩,辛苦了!祝你开心幸福、阖家安康!

梦油 发表于 2026-1-9 21:00

偶然朋友唱的真是原汁原味、有滋有味。{:5_116:}
小辣椒朋友制作得太好了犹如锦上添花。

梦江南 发表于 2026-1-10 07:54

偶然唱得深情,同小辣椒做的音画相得益彰,真赞!{:4_199:}

樵歌 发表于 2026-1-10 08:12

偶然的粤语歌唱得特别好。{:4_204:}

小九 发表于 2026-1-10 13:50

原滋原味的演唱,感谢小辣椒和偶然 带来的精彩{:4_187:}

红影 发表于 2026-1-10 14:18

亲爱的制作真棒,偶然君的演唱也极好。这样的帖子真是珠联璧合,太赞了{:4_199:}

小辣椒 发表于 2026-1-10 20:10

偶然~ 发表于 2026-1-9 20:47
来欣赏精品佳作!

偶然你唱的太好了,很喜欢你这首《暗里着迷》{:4_178:}

小辣椒 发表于 2026-1-10 20:11

偶然~ 发表于 2026-1-9 20:49
音画合一,歌声与画面结合完美

谢谢偶然的好声音{:4_187:}

小辣椒 发表于 2026-1-10 20:12

梦油 发表于 2026-1-9 21:00
偶然朋友唱的真是原汁原味、有滋有味。
小辣椒朋友制作得太好了犹如锦上添花。

谢谢梦油欣赏,偶然的好声音,偶然的粤语歌很纯正{:4_208:}

小辣椒 发表于 2026-1-10 20:14

梦江南 发表于 2026-1-10 07:54
偶然唱得深情,同小辣椒做的音画相得益彰,真赞!

阿姨晚上好,这个是黑黑老师很早前分享过的边框教程,很久了都忘记了,这次重新拿出来练习一下

小辣椒 发表于 2026-1-10 20:14

樵歌 发表于 2026-1-10 08:12
偶然的粤语歌唱得特别好。

偶然是广东人啊,粤语歌很纯正的
页: [1] 2
查看完整版本: 【声波·偶然 翻唱】《暗里着迷》