【庆祝建党101年】《唱支山歌给党听》- 才旦卓玛/谭维维
本帖最后由 加林森 于 2022-6-27 17:52 编辑 <br /><br /><style>.papa { left: -214px; width: 1024px; height: 600px; background:
rgba(0,0,0,.4) url('https://pic.imgdb.cn/item/62b938d61d64b07066a32d0f.jpg') no-repeat center/cover; position: relative; overflow: hidden; }
.papa input { border: none; outline: none; opacity: .75; cursor: pointer; }
.papa p { margin: 0; padding: 0; }
.playbox { position: relative; left: 10px; top: 10px; padding: 10px; width: fit-content; font: normal 1em sans-serif; color: snow; background: transparent;border-radius: 8px; overflow: hidden; box-shadow: 1px 1px 2px rgba(0,0,0,.15); z-index: 1; }
.playbox::before { position: absolute;content: '';margin: -20px;left: 0; top: 0; right: 0; bottom: 0;background: rgba(255,255,255,.45);filter: blur(2px); z-index: -1; }
#btnplay { width: 30px; height: 30px; border-radius: 50%; }
#btnplay:hover { background: #aaa; color: #ff0000; }
.vid { position: absolute; top: -55px; width: 1024px; height: 652px; object-fit: cover; opacity: 0.2; }
</style>
<div class="papa">
<video class="vid" src="http://img.tukuppt.com/video_show/4559687/01/29/72/62a5dd4934ac1.mp4" autoplay="autoplay" loop="loop" muted="muted"></video>
<div class="playbox">
<p id="geci">唱支山歌给党听 - 才旦卓玛/谭维维 </p>
<p style="display: flex; align-items: center; gap: 4px; margin-top: 10px;">
<input id="btnplay" type="button" value=">" />
<input id="slider" type="range" min="0" max="100" value="0" />
<span id="per">0%</span>
</p>
</div>
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=5245925.mp3" autoplay="autoplay" loop="loop"></audio>
</div>
<script>
let slider = document.querySelector('#slider'),
aud = document.querySelector('#aud'),
per = document.querySelector('#per'),
btnplay = document.querySelector('#btnplay'),
geci = document.querySelector('#geci');
let slip = 0; //误差值
let lrcAr = [
['1.16','唱支山歌给党听 - 才旦卓玛/谭维维'],
['32.28','唱支山歌给党听，'],
['53.99','我把党来比母亲；'],
['61.33','母亲只生了我的身，'],
['70.53','党的光辉照我心。'],
['85.84','唱支山歌给党听，'],
['93.73','我把党来比母亲；'],
['102.57','母亲只生了我的身，'],
['109.31','党的光辉照我心。'],
['122.25','嗬...'],
['137.66','旧社会鞭子抽我身，'],
['144.18','母亲只会泪淋淋；'],
['151.09','共产党号召我闹革命，'],
['153.92','夺过鞭子揍敌人。'],
['157.32','共产党号召我闹革命，'],
['161.67','夺过鞭子，夺过鞭子揍敌人！'],
['169.83','唱支山歌给党听，'],
['177.24','我把党来比母亲；'],
['186.10','母亲只生了我的身，'],
['192.77','党的光辉照我心，'],
['203.40','党的光辉照我心。']
];
slider.onmousedown = () => aud.pause();
slider.onchange = () => { aud.currentTime = slider.value * aud.duration / 100; aud.play(); }
btnplay.onclick = () => aud.paused ? aud.play() : aud.pause();
aud.addEventListener('playing', () => btnplay.value = '||');
aud.addEventListener('pause', () => btnplay.value = '>');
aud.addEventListener('timeupdate', () => {
let prog = 100 * aud.currentTime / aud.duration;
slider.value = prog;
per.innerText = prog.toFixed(2) + '%';
for(j=0; j<lrcAr.length; j++){
if(aud.currentTime >= lrcAr - slip){
geci.innerHTML = lrcAr;
}
}
});
</script>
还是才旦卓玛唱得好，很有力度。我很喜欢这支歌。
可惜，我没分了，抱歉，不能给你加分了。 梦油 发表于 2022-6-27 16:15
还是才旦卓玛唱得好，很有力度。我很喜欢这支歌。
没关系的。这支歌曲是1963年才旦卓玛唱出了的。很久了。 加林森 发表于 2022-6-27 17:13
没关系的。这支歌曲是1963年才旦卓玛唱出了的。很久了。
难得的一位藏族歌唱家。 梦油 发表于 2022-6-27 17:19
难得的一位藏族歌唱家。
是的。声音真嘹亮的。 加林森 发表于 2022-6-27 17:23
是的。声音真嘹亮的。
是啊！他唱的歌都很有震撼力。 梦油 发表于 2022-6-27 18:07
是啊！他唱的歌都很有震撼力。
是的。这就是红歌了吧。 挺好 马黑黑 发表于 2022-6-27 19:00
挺好
谢谢老黑！ 这个帖子真好，七一马上到了，和队长一起祝贺建党101周年{:4_187:} 这两人的演唱风格不同，却一样地好听呢{:4_187:} 红影 发表于 2022-6-27 19:29
这个帖子真好，七一马上到了，和队长一起祝贺建党101周年
先祝比较好！ 红影 发表于 2022-6-27 19:32
这两人的演唱风格不同，却一样地好听呢
是的。有点各唱各的感觉。 加林森 发表于 2022-6-27 19:52
是的。有点各唱各的感觉。
谭维维的轻柔，才旦卓玛的高亢，合在一起倒挺好听的。 红影 发表于 2022-6-27 21:00
谭维维的轻柔，才旦卓玛的高亢，合在一起倒挺好听的。
是的。很有点意思的。 队长好制作，时间真快又要到七一了 绿叶清舟 发表于 2022-6-27 21:28
队长好制作，时间真快又要到七一了
是啊。我就先制作出来一个。 加林森 发表于 2022-6-27 18:50
是的。这就是红歌了吧。
当然，当然，这是绝对的红歌，红色革命歌曲。 梦油 发表于 2022-6-28 09:48
当然，当然，这是绝对的红歌，红色革命歌曲。
必须是的。 加林森 发表于 2022-6-27 21:22
是的。很有点意思的。
马上七一了，借队长好帖，为党送上一首赞歌{:4_187:}
页:
[1]
2