本帖最后由 加林森 于 2022-3-6 21:37 编辑 <br /><br /><div class="quote"><blockquote><font size="2"><a href="forum.php?mod=redirect&goto=findpost&pid=1318928&ptid=53878" target="_blank"><font color="#999999">大猫咪 发表于 2021-11-2 21:48</font></a></font><br>还是不行</blockquote></div><br>谢谢猫猫了啊。{:4_190:}<div><br></div><div><br></div>
<style type="text/css">
.mnBox { position: relative; margin: 0 auto; padding: 35px; width: 660px; border: none; border-top: 6px solid #DC143C; border-radius: 10px; background: #FFC0CB; }
.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="550" height="332" src="https://pic.imgdb.cn/item/6224b6465baa1a80ab710273.jpg" /><br></p>
<h2 style="padding-bottom: 10px;">映山红</h2>
<h2 style="text-align:center;">天音演唱组</h2>
<pre>
《映山红》是邓玉华演唱的歌曲，由陆柱国作词，
傅庚辰谱曲，歌曲发行于1974年10月1日，该歌曲是电影《闪闪的红星》
的插曲，
2006年1月28日，该歌曲登陆2006年中央电视台春节联欢晚会。
创作背景
这首歌却是一首计划外的作品。1973年10月29日到11月14日，
傅庚辰写完了《闪闪的红星》剧本中所有的歌曲，
完成了全部乐队伴奏总谱，回到北京后准备开始录制。
就在这时，傅庚辰却在音乐组一次开会的办公室里发现了
《闪闪的红星》文学剧本的第三稿。其中有一首歌词写道：
“夜半三更盼天明，寒冬腊月盼春风，
若要盼得亲人回，岭上开遍映山红。”
这几句话让傅庚辰怦然心动。最终他下决心舍掉已经写好的
《手捧红星盼红军》和《热血迎来红旗飘》，改写《映山红》。
</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/2022/03/06/cd2c043a164e9a67581658426070fb2f.mp3" controls="controls" autoplay="autoplay"></audio></p>
<div id="lrcDiv"><ul id="lrcUl"></ul></div>
<p style="margin: 20px; text-align:center;">加林森2022 03 07</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:01.40","映山红歌词"],
["00:01.89","歌手：天音演唱组 专辑：岁月留痕"],
["00:02.09","映山红 - 《闪闪红心》主题曲"],
["01:02.23","夜半三更哟 盼天明"],
["01:12.84","寒冬腊月哟 盼春风"],
["01:23.59","若要盼得哟 红军来"],
["01:34.05","岭上开遍哟 映山红"],
["02:00.50","岭上开遍哟 映山红"],
["03:17.81","夜半三更哟 盼天明"],
["03:26.89","寒冬腊月哟 盼春风"],
["03:36.46","若要盼得哟 红军来"],
["03:45.59","岭上开遍哟 映山红"],
["03:55.14","若要盼得哟 红军来"],
["04:04.10","岭上开遍哟 映山红"],
["04:13.28","岭上开遍哟 映山红"],
["05:18.08","谢谢欣赏"]
];
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-11-2 22:17
谢谢猫猫了啊。
队长客气 {:4_189:} {:4_179:}
红影 发表于 2021-11-2 22:17
的确很有意境的视屏，好看
谢谢红影！{:4_190:}
大猫咪 发表于 2021-11-2 22:19
队长客气
还好听吧。{:4_189:}
加林森 发表于 2021-11-2 22:23
还好听吧。
非常不错队长 {:4_187:}
大猫咪 发表于 2021-11-2 22:23
非常不错队长
嗯嗯，喜欢就好！{:4_179:}
加林森 发表于 2021-11-2 22:20
谢谢红影！
欣赏队长好帖{:4_204:}
这个帖子发得好
红影 发表于 2021-11-3 12:49
欣赏队长好帖
应该的啊
马黑黑 发表于 2021-11-3 12:55
这个帖子发得好
老黑好
加林森 发表于 2021-11-3 14:10
应该的啊
哈的镜头可以截图当图片用。
红影 发表于 2021-11-3 14:22
哈的镜头可以截图当图片用。
嗯嗯，明白的。
加林森 发表于 2021-11-3 14:10
老黑好
队长嚎
马黑黑 发表于 2021-11-3 18:34
队长嚎
你嚎你嚎
加林森 发表于 2021-11-3 18:36
你嚎你嚎
还是你嚎
马黑黑 发表于 2021-11-3 18:37
还是你嚎
{:4_170:}
加林森 发表于 2021-11-3 18:37
嚎嚎更健康
马黑黑 发表于 2021-11-3 18:39
嚎嚎更健康
好吧，继续嚎。
加林森 发表于 2021-11-3 18:43
好吧，继续嚎。
这就对了
马黑黑 发表于 2021-11-3 19:56
这就对了
好个鬼？我这里晃起来了。