《娘的眼泪似水淌》王玉珍
本帖最后由 焱鑫磊 于 2023-10-5 22:26 编辑 <br /><br /><style>#papa { margin: 90px -300px; width: 1200px; height: 750px; background: url('https://img.fy6b.com/2023/10/05/40511cab0db78.png') no-repeat center/cover; box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 0px 2px #ff0000;overflow:hidden;border-radius:1%;display: grid; place-items: center; z-index: 1; position: relative; hidden;border-radius: 0px 0px;}
@keyframes rotating{
0% {opacity: 1;transform: scale(1);}
50% {opacity: 1;transform: scale(1);filter:hue-rotate(60deg)contrast(120%)brightness(120%);}
51% {opacity: 1;transform: scale(1);}
100% {opacity: 0;transform:scale(4)rotateY(0deg);}}
#vid { position: absolute; width: 100%; height: 100%; object-fit: cover; pointer-events: none; z-index: -1; opacity: 1; }
</style>
<div id="papa">
<div id='dt'><img id="testImg" src="https://img.fy6b.com/2023/10/05/13db48c64b90f.png" width="100%" height="100%"></div>
<video id="vid" src="https://imgs-qn.51miz.com/preview/video/00/00/17/03/V-170379-5365FE06.mp4
" autoplay="" loop="" muted="" bd_landing_video_statistic_record_key="1"></video>
<div id="img_border"></div>
</div>
<audio id="aud" src="https://www.kumeiwp.com/sub/filestores/2023/10/05/1df730dfd95b4ae2f69b4faf379affb2.mp3
" autoplay loop></audio>
<script>
(function() {
let script = document.createElement('script');
script.src = 'https://638183.freep.cn/638183/web/api/oscpp_lrc.js';
script.charset = 'utf-8';
document.head.appendChild(script);
let geci = [];
script.onload = () => {
HCPlayer({papa: '#papa',
lrcAr: geci,
lrc_css: 'filter:drop-shadow(#ffffff 0.5px 0 0)drop-shadow(#ffffff 0 0.5px 0)drop-shadow(#ffffff -0.5px 0 0) drop-shadow(#ffffff 0 -0.5px0); font:normal 2.5em 宋体; --bg: #ff0000;top:91%;left: 15%; color: #ff0000;',
fs_css: 'top: -6%; right: 0.5%;font:normal 0em 华文新魏; ',
player_css: `
bottom: 1.5%;left: 75%;
--discBg:url('https://img.fy6b.com/2023/10/05/40511cab0db78.png') no-repeat center/cover;
--discSize: 50px;
--hh: 50px;
`,
pinpu: {num: 100, size: 1, gap: 0.5, color1: '#ff0000', color2: '#ffcccc'},
});
};
})();
img_border.style.animationPlayState = aud.paused ? 'paused' : 'running';
aud.addEventListener('playing', () =>img_border.style.animationPlayState = 'running');
aud.addEventListener('pause', () =>img_border.style.animationPlayState = 'paused');
setInterval( () => { aud.paused ? vid.pause() : vid.play(); },100);
</script>
<script >
(function() {
/*原始lrc歌词*/
let lrcStr = `《娘的眼泪似水淌》王玉珍
娘的眼泪似水淌
点点洒在儿的心上
满腹的话儿不知从何讲
含着眼泪叫亲娘 娘啊
娘说过那二十六年前
数九寒冬北风狂
彭霸天 丧天良
霸走田地 抢占茅房
把我的爹娘赶到那洪湖上
那天大雪纷纷下
我娘生我在船舱
没有钱 泪汪汪
撕块破被做衣裳
湖上北风呼呼地响
舱内雪花白茫茫
一床破絮像渔网
我的爹和娘
日夜把儿贴在胸口上
从此后 一条破船一张网
风里来 雨里往
日夜辛劳在洪湖上
狗湖霸 活阎王
抢走了渔船撕破了网
爹爹棍下把命丧
我娘带儿去逃荒
自从来了共产党
洪湖的人民见了太阳
眼前虽然是黑夜
不久就会大天光 娘啊
生我是娘 教我是党
为革命 砍头只当风吹帽
为了党 洒尽鲜血心欢畅
娘啊 儿死后
你要把儿埋在那洪湖旁
将儿的坟墓向东方
让儿常听那洪湖的浪
常见家乡红太阳
娘啊 儿死后
你要把儿埋在那大路旁
将儿的坟墓向东方
让儿看红军凯旋归
听那乡亲在歌唱
娘啊 儿死后
你要把儿埋在那高坡上
将儿的坟墓向东方
儿要看白匪消灭光
儿要看
天下的劳苦人民都解放
`;
/*变量 ：mKey - 当前歌词索引；mFlag ：调用关键帧动画索引；averAdd ：平均值补偿*/
let mKey = 0, mFlag = true, averAdd = 0.3;
/*函数 ：获取每句歌词用时，歌词用时若超过平均值则取平均值，最后一句歌词则取平均值*/
let lrcTime = (ar) => {
let tmpAr = [];
for(j = 0; j <ar.length - 1; j ++) {
if(j !== ar.length - 1) tmpAr = parseFloat((ar - ar).toFixed(1));
}
let aver = parseInt(tmpAr.reduce((a,b) => a + b) / (tmpAr.length - 1)) + averAdd;
tmpAr.push(aver);
tmpAr.forEach((item,key) => {
ar = item > aver ? aver : item;
});
return ar;
};
/*函数 ：从原始lrc歌词获取信息并存入 n*3 数组*/
let getLrcAr = (text) => {
let lrcAr = [];
let calcRule = ;
for(x of text.split('\n')) {
let ar = [];
let re = /\d+[\.:]\d+([\.:]\d+)?/g;
let geci = x.replace(re,'');
if(geci) {
geci = geci.replace(/[\[\]\'\"\t,]s?/g,'');
let time = x.match(re);
if(time != null) {
for(y of time) {
let tmp = y.match(/\d+/g);
let sec = 0;
for(z in tmp) sec += tmp * calcRule;
ar = ;
lrcAr.push(ar);
}
}
}
}
lrcAr.sort((a,b)=> a - b);
return(lrcTime(lrcAr));
};
/*函数 ：模拟显示同步歌词*/
let showLrc = (time) => {
let name = mFlag ? 'cover1' : 'cover2';
lrc.innerHTML = lrcAr;
lrc.dataset.lrc = lrcAr;
lrc.style.setProperty('--motion', name);
lrc.style.setProperty('--tt', time + 's');
lrc.style.setProperty('--state', 'running');
mKey += 1;
mFlag = !mFlag;
};
/*函数 ：处理当前歌词索引 mKey*/
let calcKey = () => {
for (j = 0; j < lrcAr.length; j++) {
if (aud.currentTime <= lrcAr) {
mKey = j - 1;
break;
}
}
if (mKey < 0) mKey = 0;
if (mKey > lrcAr.length - 1) mKey = lrcAr.length - 1;
let time = lrcAr - (aud.currentTime - lrcAr);
showLrc(time);
};
/*格式化时间信息*/
let toMin = (val) => {
if (!val) return '00:00';
val = Math.floor(val);
let min = parseInt(val / 60),
sec = parseFloat(val % 60);
if (min < 10) min = '0' + min;
if (sec < 10) sec = '0' + sec;
return min + ':' + sec;
}
/*函数 ：关键帧动画状态切换*/
let mState = () => aud.paused ? (lrc.style.setProperty('--state','paused'),mplayer.style.animationPlayState = 'paused') : (lrc.style.setProperty('--state','running'),mplayer.style.animationPlayState = 'running');
/*监听播放进度*/
aud.addEventListener('timeupdate', () => {
for (j = 0; j < lrcAr.length; j++) {
if (aud.currentTime >= lrcAr) {
cKey = j;
if (mKey === j) showLrc(lrcAr);
else continue;
}
}
});
aud.addEventListener('pause', () => mState());/*监听暂停事件*/
aud.addEventListener('play', () => mState());/*监听播放事件*/
aud.addEventListener('seeked', () => calcKey());/*监听查询事件*/
let lrcAr = getLrcAr(lrcStr); /*获得歌词数组*/
})();
</script>
很令人感动的老歌，焱鑫磊收集的歌曲范围很广呢。欣赏焱鑫磊好帖{:4_199:} 这首歌应该是电影《洪湖赤卫队》里的歌曲，回忆满满的！谢谢分享！{:4_187:} 红影 发表于 2023-10-5 22:41
很令人感动的老歌，焱鑫磊收集的歌曲范围很广呢。欣赏焱鑫磊好帖
听听老歌不错的。{:4_187:} 亦是金 发表于 2023-10-5 22:58
这首歌应该是电影《洪湖赤卫队》里的歌曲，回忆满满的！谢谢分享！
{:4_190:} 王玉珍在《洪湖赤卫队》中演唱的歌曲很有味道，湖北味儿很浓，很好听。 梦油 发表于 2023-10-6 11:06
王玉珍在《洪湖赤卫队》中演唱的歌曲很有味道，湖北味儿很浓，很好听。
问好梦油！{:4_187:} 焱鑫磊 发表于 2023-10-6 11:11
问好梦油！
焱鑫磊朋友节日好！这几天过节出游了没有啊？ 梦油 发表于 2023-10-6 11:16
焱鑫磊朋友节日好！这几天过节出游了没有啊？
节日期间千万不要出游，错开高峰期。{:4_204:} 焱鑫磊 发表于 2023-10-6 08:42
听听老歌不错的。
是啊，过去的艰苦不能忘，珍惜现在的幸福生活{:4_187:} 焱鑫磊 发表于 2023-10-6 11:41
节日期间千万不要出游，错开高峰期。
是啊，你这才是最聪明的人呢。 这老歌声电影的插曲吧 谢谢美女分享漂亮制作{:4_187:} 冬天的雨 发表于 2023-10-6 18:19
这老歌声电影的插曲吧
{:4_181:} 冬天的雨 发表于 2023-10-6 18:20
谢谢美女分享漂亮制作
{:4_176:}
页:
[1]