《映山红》-天音演唱组（电影《闪闪的红星》的插曲）
本帖最后由 加林森 于 2022-3-6 23:09 编辑 <br /><br /><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> 制作真棒，图片选的好，这歌非常好听，队长好分享 {:4_187:}{:4_204:} 大猫咪 发表于 2022-3-7 10:34
制作真棒，图片选的好，这歌非常好听，队长好分享
猫猫上午好。昨晚制作的。感觉很好听，就做了出来。{:4_171:}{:4_190:} 加林森 发表于 2022-3-7 11:07
猫猫上午好。昨晚制作的。感觉很好听，就做了出来。
嗯嗯 非常漂亮 {:4_187:}队长中午好 {:4_187:} 大猫咪 发表于 2022-3-7 11:11
嗯嗯 非常漂亮 队长中午好
哦，现在是中午了。猫猫你那个喇叭的播放器真漂亮，能不能把代码给我看看。{:4_204:}{:4_190:} 好，{:4_187:}
<style type="text/css">
.picBtn {
width: 100px;
height: 100px;
border: none;
outline: none;
border-radius: 8px;
background: transparent url('http://image.hnol.net/c/2022-02/24/15/202202241559481151-5087368.gif') no-repeat;
cursor: pointer;
</style>
<div style="position: relative; left:20px; width:1024px;text-align:center;">
<img alt="" src="http://image.hnol.net/c/2022-02/24/00/20220224002919411-5087368.gif" style="box-shadow:1px 1px 2px #666; border:solid 1px #000;" />
<div style="position:absolute; width:150px; left:670px; top: 270px; text-align:center;">
<center >
<p ><font color="#ffffff" size="4" >
<div style="color:#ffffff;margin:0px;padding:10px;font-size:5px;font-family:微软雅黑;text-shadow:1px 1px 2px #ffffff;">
<marqueescrollamount="4" direction="left" >好久没有玩了 今天套用一个代码玩玩 谢谢马黑黑老师 谢谢小冤家小辣椒</marquee>
<p><audio id="music" src="https://oss.shandianpan.com/d598d097cf938786f5980586831edaee.mp3" loop="loop" autoplay="autoplay" ></audio><br> </p>
<button id="picBtn" class="picBtn"></button>
</div>
</div>
</div>
<script language="javascript">
var mu = document.getElementById('music');
var btn = document.getElementById('picBtn');
btn.onclick = function(){
mu.paused ? (mu.play(), btn.style.background="url('http://image.hnol.net/c/2022-02/24/15/202202241559481151-5087368.gif')") : (mu.pause(), btn.style.background="url('http://image.hnol.net/c/2022-02/24/16/20220224160408591-5087368.gif')");
}
mu.addEventListener("ended", function(){
btn.style.background="url('http://image.hnol.net/c/2022-02/24/16/20220224160408591-5087368.gif')";
})
</script> 队长超越处我，越做越好！
这首歌出自名家，果然不凡。 大猫咪 发表于 2022-3-7 11:15
好，
好的，谢谢猫猫。{:4_187:}{:4_190:} 加林森 发表于 2022-3-7 11:25
好的，谢谢猫猫。
不客气啊队长 {:4_187:} 樵歌 发表于 2022-3-7 11:23
队长超越处我，越做越好！
这首歌出自名家，果然不凡。
樵歌中午好。红歌唱响，真的好听！{:4_190:} 大猫咪 发表于 2022-3-7 11:25
不客气啊队长
我去研究研究，准备制作另外的歌曲。谢谢猫猫。{:4_204:}{:4_179:} 加林森 发表于 2022-3-7 11:34
我去研究研究，准备制作另外的歌曲。谢谢猫猫。
好的队长{:4_170:}加油{:4_190:} 加林森 发表于 2022-3-7 11:27
樵歌中午好。红歌唱响，真的好听！
那个年代的人做事多认真，可现在就马虎了。 樵歌 发表于 2022-3-7 11:57
那个年代的人做事多认真，可现在就马虎了。
是啊，责任心没有了。 大猫咪 发表于 2022-3-7 11:43
好的队长 加油
好的好的，猫猫吃午饭没有？我已经吃完了。 加林森 发表于 2022-3-7 12:00
好的好的，猫猫吃午饭没有？我已经吃完了。
还没有队长，快了{:4_187:}{:4_190:} 大猫咪 发表于 2022-3-7 12:00
还没有队长，快了
嗯嗯，吃好喝好！{:4_204:}{:4_190:} 这歌让人想到了那个战火纷飞的年代了{:4_187:} 红影 发表于 2022-3-7 13:24
这歌让人想到了那个战火纷飞的年代了
是啊，盼红军。{:4_187:} 革命歌曲再现，队长威武{:4_178:}
页:
[1]
2