梦里我又遇见你
本帖最后由 醉美水芙蓉 于 2022-5-22 19:37 编辑 <br /><br /><div style="width:1200px;height:675px;background-size:100% 100%;background-image: url('https://img-baofun.zhhainiao.com/fs/4696f931728e25ccabe09751b73f107f.jpg');position: relative;top:0px; left:-300px;box-shadow:0px 0px 0px 1px #FCFCFC, 0px 0px 0px 4px #473C8B; z-index: 81;text-align:center;margin:30px 0 20px 0px;"><div class="mt10">
<div class="img_border"><img src=" http://pan.yinhuabbs.cn/view.php/a93202bcdcd7cc95412d1595f9ec0dba.png" id="aplay"style="width: 100%; height: 100%;" ></div>
<span style="color:#FFEFD5;position:absolute;top:70px;left:-220px;width:800px;height:42px;z-index: 1600;text-shadow:2px 2px 4px #666;"><span style="font-family:隶书;"><span style="font-size:36px;">梦里我又遇见你</span></span></span>
<div class="mt10"style="position:absolute;top:385px;left:0px;">
</div>
<audio src="https://www.qqmc.com/up/kwlink.php?id=218698618&.mp3" id="audio" oncontextmenu="return false;" controls loop autoplaystyle="position:absolute;top:348px;left:380px;width:1px;height:1px;"></audio>
<img src="https://pic.imgdb.cn/item/61e4301b2ab3f51d9169d5eb.png" id="playpause" style="position:absolute;top:194px;left:953px;width:32px;height:32px;z-index: 850;"/>
<script type="text/javascript">
var aud = document.getElementById("audio");
var img = document.getElementById("playpause");
img.onclick = function() {
if (aud.paused) {
aud.play();
} else {
aud.pause();
}
}
aud.addEventListener("play", function (e) {
img.src="https://pic.imgdb.cn/item/61e430692ab3f51d916a100c.png";
}, false);
aud.addEventListener("pause", function (e) {
img.src="https://pic.imgdb.cn/item/61e4301b2ab3f51d9169d5eb.png";
}, false);
</script>
<div class="items">
<div id="musickrc">
<span id="musickrc01" style="color:#ff0000;transform: translate(-20%,0%);"></span><span id="musickrc02"style="color:#000079;transform: translate(20%,0%);"></span>
</div></div>
</div>
<style type="text/css">
*{margin:0px;border:0;}select{font-size:100%;}.fr{float:right;}.lr{float:left;}.mt10{max-width:640px;min-width:320px;margin:0px auto;text-align:center;}
.img_border{display:inline-block;width:260px;height:260px;margin:0px ;position: absolute;top:0px; left:0px;z-index: 500;transform: scale(1, 1)}
.img_border #aplay{display:block;box-shadow:0px 0px 0px 2px #ffffff, 0px 0px 0px 2px #473C8B;border-radius:50%; position: absolute;top:80px;left:840px;}
.z360z{-webkit-animation:rotating 10s linear infinite;animation:rotating 10s linear infinite}@-webkit-keyframes rotating{from{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotating{from{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}
#musickrc{width:960px;line-height:50px;margin:450px auto;padding:130px;;position: absolute;margin-left:-260px;}
#musickrc span {display:block;text-align:center;font-weight:bold;font-size: 36px; font-family:汉仪雪峰体简;filter:drop-shadow(#ffffff 1px 0 0)drop-shadow(#ffffff 0 1px 0)drop-shadow(#ffffff -1px 0 0) drop-shadow(#ffffff 0 -1px0);}
#audio{width:100%;z-index: 150;bottom: 0;opacity: 0.2;transition: all 2s;width: 250px; height: 32px;box-shadow:0px 0px 0px 1px #222222;border-radius:25%;position: absolute;top:200px; left:490px;}
#audio:hover{opacity: 1;filter:hue-rotate(160deg);}
</style>
<style type="text/css">.items{z-index: 100;animation: slider 16s linear infinite ;}
@keyframes slider {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>
<script type="text/javascript">var songkrc = "梦里我又遇见你 - 蔷薇团长\r\n 作词：鹏飞\r\n 作曲：鹏飞\r\n 编曲：孙培喜\r\n LRC编辑：醉美水芙蓉\r\n 是你帮我收起\r\n 曾经相爱的故事\r\n 无论我有多努力\r\n 阻止不了你离去\r\n 今生若无缘再续\r\n 我会默默祝福你\r\n 如今你又在哪里\r\n 是否早把我忘记\r\n 梦里我又遇见你\r\n 心泛起了涟漪\r\n 阔别已久的甜蜜\r\n 随着回忆又升起\r\n 梦里我又遇见你\r\n 我多么的欢喜\r\n 用尽全力想抱你\r\n 梦醒后只剩哭泣\r\n 是你帮我收起\r\n 曾经相爱的故事\r\n 无论我有多努力\r\n 阻止不了你离去\r\n 今生若无缘再续\r\n 我会默默祝福你\r\n 如今你又在哪里\r\n 是否早把我忘记\r\n 梦里我又遇见你\r\n 心泛起了涟漪\r\n 阔别已久的甜蜜\r\n 随着回忆又升起\r\n 梦里我又遇见你\r\n 我多么的欢喜\r\n 用尽全力想抱你\r\n 梦醒后只剩哭泣\r\n 梦里我又遇见你\r\n 心泛起了涟漪\r\n 阔别已久的甜蜜\r\n 随着回忆又升起\r\n 梦里我又遇见你\r\n 我多么的欢喜\r\n 用尽全力想抱你\r\n 梦醒后只剩哭泣\r\n 用尽全力想抱你\r\n 梦醒后只剩哭泣\r\n 谢谢欣赏！\r\n";function parseLyric(text) { var lines = text.split('\r\n'),pattern = /\[\d{2}:\d{2}.\d{2}\]/g,result = []; while (!pattern.test(lines)) {lines = lines.slice(1); }; lines.length === 0 && lines.pop(); lines.forEach(function(v,i,a) { var time = v.match(pattern), value = v.replace(pattern,''); time.forEach(function(v1,i1,a1){ var t = v1.slice(1, -1).split(':'); result.push(,10) * 60 + parseFloat(t), value]); }); }); result.sort(function(a, b){ return a - b;}); return result;}</script>
<script type="text/javascript">
var my_audio =document.getElementById("audio");my_audio.onended = function(){document.getElementById("aplay").className="";};my_audio.onplaying = function(){document.getElementById("aplay").className="z360z";};my_audio.onpause = function(){document.getElementById("aplay").className="";};var lyric = parseLyric(songkrc); my_audio.ontimeupdate = function () { for (var i = 0; i < lyric.length; i++) { if(this.currentTime > lyric){ document.getElementById("musickrc01").innerHTML = lyric; if(i+1==lyric.length){ document.getElementById("musickrc01").innerHTML = ""; }else{ document.getElementById("musickrc02").innerHTML = lyric;};};};}; my_audio.play();</script>
美梦 冰雪仙子，这画面真美。可惜我听不到音乐，也看不到效果呢。{:4_204:} 挺漂亮的帖。现在无法听见。 马黑黑 发表于 2022-5-15 10:03
美梦
黑黑老师中午好！ 红影 发表于 2022-5-15 10:53
冰雪仙子，这画面真美。可惜我听不到音乐，也看不到效果呢。
红影妹妹这个贴子是模仿你的贴子制作的！我发出来想请你帮忙看看为什么不能看见歌词同步？ 加林森 发表于 2022-5-15 11:39
挺漂亮的帖。现在无法听见。
队长中午好！发出来请大家帮忙找原因呢？为啥红影美女的可以看见？ 醉美水芙蓉 发表于 2022-5-15 12:28
队长中午好！发出来请大家帮忙找原因呢？为啥红影美女的可以看见？
我用手机看能看见，在电脑也可以看见，就是你播放器点不开，音乐出不来的。 加林森 发表于 2022-5-15 11:39
挺漂亮的帖。现在无法听见。
我估计本站不接受外网外链歌词！所以我制作的歌曲都看不见！ 醉美水芙蓉 发表于 2022-5-15 12:30
我估计本站不接受外网外链歌词！所以我制作的歌曲都看不见！
你问问老黑，他懂得多。 加林森 发表于 2022-5-15 11:39
挺漂亮的帖。现在无法听见。
队长本站有可以上传音乐的网盘吗？ 氺芙蓉好制作！好听又好看，俺这可以看到，可以听到的 周末快乐！
{:4_204:}{:4_199:} 醉美水芙蓉 发表于 2022-5-15 12:36
队长本站有可以上传音乐的网盘吗？
这个好像没有。 大猫咪 发表于 2022-5-15 12:37
氺芙蓉好制作！好听又好看，俺这可以看到，可以听到的 周末快乐！
可惜好多朋友看不见！谢谢大猫咪支持! 醉美水芙蓉 发表于 2022-5-15 12:25
黑黑老师中午好！
下午好 醉美水芙蓉 发表于 2022-5-15 12:26
红影妹妹这个贴子是模仿你的贴子制作的！我发出来想请你帮忙看看为什么不能看见歌词同步？
我也是跟着小辣椒学的，这个貌似需要上传才行的，直接看，看不到，即使本地试验都不行呢。
页:
[1]