梦里水乡
<div style="position: relative;width: 873px;height: 480px;MARGIN-LEFT:0px;margin-top:33px;box-shadow:0px 0px 0px 2px #ff00ff, 0px 0px 0px 15px #880000;overflow:hidden;border-radius:0%;bgcolor:#B22222;"><video src="http://storage.live.com/items/1965B2B1656C2AF6!16253?" muted="muted" autoplay="autoplay" loop="loop"width="873"></video></div>
<style>
#lrcbox {width: 873px;
transform: translate(-90px, -60px);
font: bold 2.5em sans-serif;
color: #00000;
-webkit-text-stroke:1px #ff00ff;
font-family:迷你简中倩;
cursor: pointer;
position: absolute;
z-index: 5;
}
.wzsd1 { animation: wzsd 0.86s linear infinite ; }
@keyframes wzsd {
from {opacity: 1;filter:hue-rotate(360deg)contrast(180%)brightness(200%);}
50% {opacity: 1;}
to {opacity: 1;filter:hue-rotate(0deg)contrast(140%)brightness(100%);}}
</style>
<div id="lrcbox">
<div class="wzsd1" style="position:absolute; top:0px; right:80px; width:620px;height:80px; text-align:center ">
<div id="geci" ></div></div></div></div>
<audio id="aud" src="http://storage.live.com/items/1965B2B1656C2AF6!16263?" autoplay="autoplay" loop="loop"></audio>
<script>
lrcbox = document.querySelector('#lrcbox'),
geci = document.querySelector('#geci'),
aud = document.querySelector('#aud'),
lrc =[
['0.00','梦里水乡 (DJ浪子康) - 楚可怜儿'],
['0.25','词：洛兵'],
['0.32','曲：周迪'],
['0.38','编曲：任斌'],
['0.46','录音：猪老三儿'],
['0.71','混音：潘君明'],
['0.82','吉他：陈晨'],
['0.90','和音：冯旖旎'],
['1.01','制作人：祝子由'],
['1.13','企划：方国庆'],
['1.24','统筹：芭芭拉 雪球'],
['1.39','总监：刘凯'],
['1.47','发行人：桑爱'],
['1.57','发行/出品方：发声计划'],
['1.78','宣传：看见文娱??音乐中心'],
['2.02','『酷狗音乐人'],
['2.29','为何没能做个'],
['4.46','你盼望的新娘'],
['9.24','淡淡相思都写在脸上'],
['12.81','沉沉离别背在肩上'],
['18.33','春天的黄昏'],
['19.67','请你陪我到梦中的水乡'],
['25.69','让挥动的手在薄雾中飘荡'],
['32.75','不要惊醒杨柳岸'],
['35.38','那些缠绵的往事'],
['39.15','化作一缕轻烟'],
['41.21','已消失在远方'],
['47.82','暖暖的午后'],
['49.14','闪过一片片粉红的衣裳'],
['55.19','谁也载不走那扇古老的窗'],
['62.26','玲珑少年在岸上'],
['65.04','守候一生的时光'],
['68.71','为何没能做个'],
['70.89','你盼望的新娘'],
['75.65','淡淡相思都写在脸上'],
['79.30','沉沉离别背在肩上'],
['83.00','泪水流过脸庞'],
['85.50','所有的话'],
['87.13','现在还是没有讲'],
['90.43','看那青山荡漾在水上'],
['94.05','看那晚霞吻着夕阳'],
['97.74','我用一生的爱'],
['100.21','去寻找那一个家'],
['102.30','今夜你在何方'],
['105.22','转回头迎着你的笑颜'],
['108.78','心事全都被你发现'],
['112.55','梦里遥远的幸福'],
['115.22','它就在我的身旁'],
['153.04','暖暖的午后'],
['154.42','闪过一片片粉红的衣裳'],
['160.40','谁也载不走那扇古老的窗'],
['167.51','玲珑少年在岸上'],
['170.11','守候一生的时光'],
['173.96','为何没能做个'],
['176.01','你盼望的新娘'],
['180.89','淡淡相思都写在脸上'],
['184.47','沉沉离别背在肩上'],
['188.22','泪水流过脸庞'],
['190.74','所有的话'],
['192.27','现在还是没有讲'],
['195.69','看那青山荡漾在水上'],
['199.26','看那晚霞吻着夕阳'],
['202.99','我用一生的爱'],
['205.45','去寻找那一个家'],
['207.51','今夜你在何方'],
['210.41','转回头迎着你的笑颜'],
['214.04','心事全都被你发现'],
['217.78','梦里遥远的幸福'],
['220.46','它就在我的身旁']
];
lrcbox.onclick = () => aud.paused ? aud.play() : aud.pause();
aud.addEventListener('timeupdate', () => {
for(j=0; j<lrc.length; j++){
if(aud.currentTime >= lrc){
geci.innerHTML = lrc;
}
}
})
</script> 欣赏收藏老师的佳作《梦里水乡》。:handshake{:1_293:}问好点赞! 所嵌视频场面热闹，LRC编辑合拍，老歌寄情，赞一个，问好老师 欣赏一下，谢谢。
页:
[1]