相约爱晚亭 发表于 2022-11-29 16:03

还没有爱够

<div class="papa">
<div class="demo">
<div id="player3" class="aplayer">
<pre class="aplayer-lrc-content">
《还没有爱够》王馨
词/曲：李青
LRC歌词制作：相约爱晚亭
演唱：王馨
你说大雁南飞后和我一起走
我知道这是给我最大的迁就
两个城市分隔了彼此的温柔
思念如雪融化点点滴滴的流
多想给你的爱会成为永久
多想给你的爱会成为不朽
那种爱像未曾出窖的醇酒
虽不曾喝上一口也醉了三秋
还没有爱够
LRC歌词制作：相约爱晚亭
LRC歌词制作：相约爱晚亭
LRC歌词制作：相约爱晚亭
想你总会为自己找一个理由
却让没你的气候打乱了节奏
分别那一刻也是心碎的时候
怎么也不舍得松开握你的手
多想给你的爱会成为永久
多想给你的爱伴在你左右
请捎去我的祝福还有问候
这微不足道的爱已是我所有
还没有爱够
多想给你的爱会成为永久
多想给你的爱伴在你左右
请捎去我的祝福还有问候
这微不足道的爱已是我所有
还没有爱够
欢迎光临！
谢谢欣赏！

</pre>
</div>
</div>
</div>
<div style="position:relative; width: 1000px; top:-600px; left: 450px;font-family:楷体;font-size: 36px;font-weight:bold;font-style: italic; color:#802A2A;">《还没有爱够》</div>
<div style="position: relative; width: 1000px;top:-150px; left:780px;font-family:楷体;font-size: 28px;font-weight:bold;font-style: italic; color:#b38600;">相约爱晚亭</div>
<div style="position: relative; width: 1000px; top:-150px; left: 850px;font-family:楷体;font-size: 20px;font-weight:bold;font-style: italic; color:#997300;">20221124</div>

<style type="text/css">
.papa { position:absolute;margin-top: 140px; margin-left: -100px; width: 1100px; height: 620px; border-radius: 6px; background:url('http://tuku.link/imgs/2022/11/068970da9ef99176.gif') 0 0/100%100%,url('https://wj1.kumeiwp.com:812/wj/bl/2022/11/21/3ee0de85848f6a076ac5a58aad1221a7.gif?t=1669012150&key=bcf05928946d5b57e8ce') 0 0/100% 100%; overflow: hidden; box-shadow: 4px 4px 8px #000; position: relative; }
.demo {
    width: 980px;
    margin: 500px auto;
    border-radius: 10px;
}
.aplayer-narrow{width:980px}
        .aplayer-narrow .aplayer-info{display:none}
        .aplayer-withlrc.aplayer-narrow{width:980px}
        .aplayer-withlrc.aplayer
        .aplayer-pic{height:1px;width:1px;}
        .aplayer-withlrc.aplayer .aplayer-lrc{display:block}
      .aplayer .aplayer-lrc-content,.aplayer .aplayer-pic .aplayer-hide{display:none}
      .aplayer span{cursor:default!important}
        .aplayer .aplayer-pic{position:relative;top:0px;left:0px;height:0px;width:0px;}
.aplayer .aplayer-pic img{position:relative;top:50px;left:0px;height:0px;width:0px;}
        .aplayer .aplayer-pic .aplayer-button{position:absolute;opacity:1;cursor:pointer;top:-50px;left:-40px;transform:rotate(75deg)scale(.5)}
        .aplayer .aplayer-pic .aplayer-button:hover{opacity:1; }
        .aplayer .aplayer-pic .aplayer-play{width:200px;height:216px;border:0px solid #fff;bottom:4px;right:0px;background: url('https://www.kumeiwp.com/sub/filestores/2022/11/21/22ac5d22fb6e8925bbbad03117e521ec.png') 0 0/100% 100%;}
        .aplayer .aplayer-pic .aplayer-play .aplayer-icon-play{position:absolute;top:2px;left:4px;font-size:20px;line-height:23px}
        .aplayer .aplayer-pic .aplayer-pause{width:200px;height:216px;border:0px solid #fff;bottom:4px;right:0px;background: url('https://www.kumeiwp.com/sub/filestores/2022/11/21/33e80dedfdd08ae19cdd83ae85a33428.gif') 0 0/100% 100%;)}
        .aplayer .aplayer-pic .aplayer-pause .aplayer-icon-pause{position:absolute;top:1px;left:2px;font-size:12px;line-height:14px;}
        .aplayer .aplayer-info{margin-left:106px;padding:14px 7px 0 10px;height:66px;box-sizing:border-box}
        .aplayer .aplayer-info .aplayer-music{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:17px}
        .aplayer .aplayer-info .aplayer-music .aplayer-title{font-size:0px;}
        .aplayer .aplayer-info .aplayer-music .aplayer-author{font-size:0px;color:#ffffff}
        .aplayer .aplayer-info .aplayer-controller{position:relative}
        .aplayer .aplayer-info .aplayer-controller
        .aplayer-bar-wrap{margin:0 120px 0 5px}
        .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar{position:relative;height:2px;width:100%;background:#cdcdcd;cursor:pointer!important}
        .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded{position:absolute;left:0;top:0;bottom:0;background:#111111;height:2px;-webkit-transition:all .5s ease;transition:all .5s ease}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played{position:absolute;left:0;top:0;bottom:0;background:#ffffff；;height:2px}
        .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb{position:absolute;top:0;right:5px;margin-top:-4px;margin-right:-10px;height:8px;width:8px;border:1px solid #b7daff;border-radius:50%;background:#800000;cursor:pointer!important}
        .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb:hover{background:#fff080}
        .aplayer .aplayer-info .aplayer-controller .aplayer-time{position:absolute;right:0;bottom:-5px;height:17px;color:#fff;font-size:11px}
        .aplayer .aplayer-info .aplayer-controller .aplayer-time i{color:#000000;font-size:15px}
        .aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap{display:inline-block;margin-left:7px;cursor:pointer!important}
        .aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap:hover .aplayer-volume-bar-wrap{display:block}
.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap{display:none;position:absolute;bottom:17px;right:-5px;width:25px;height:40px;z-index:99}
        .aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar{position:absolute;bottom:0;right:10px;width:5px;height:35px;background:#ffffff}
        .aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar .aplayer-volume{position:absolute;bottom:0;right:0;width:5px;background:#ffdaff}
       
.aplayer .aplayer-lrc{display:none;position:relative;height:40px;text-align:center;overflow:hidden;margin:-20px -20px 50px}
        .aplayer .aplayer-lrc:after,.aplayer .aplayer-lrc:before{position:absolute;z-index:1;display:block;overflow:hidden;content:' ';width:100%}
       
        .aplayer .aplayer-lrc p{font: bold 2.2em悟空大字库, sans-serif;color:#800000;padding:0;margin:0;line-height:20px;transition:all .3s ease-out;opacity:0;filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0 )}
        .aplayer .aplayer-lrc p.aplayer-lrc-current{opacity:1;margin:10px 0px ;filter:drop-shadow(#ffffff 1px 0 0)drop-shadow(#ffffff 0 1px 0)drop-shadow(#ffffff -1px 0 0) drop-shadow(#ffffff 0 -1px0);}
        .aplayer .aplayer-lrc .aplayer-lrc-contents{width:100%;transition:all .3s ease-out}
</style>

<script>
function APlayer(e){if(!("music"in e&&"title"in e.music&&"author"in e.music&&"url"in e.music&&"pic"in e.music))throw"APlayer Error: Music, music.title, music.author, music.url, music.pic are required in options";if(null===e.element)throw"APlayer Error: element option null";this.isMobile=navigator.userAgent.match(/(iPad)|(iPhone)|(iPod)|(android)|(webOS)/i),this.isMobile&&(e.autoplay=!1);var a={element:document.getElementsByClassName("aplayer"),narrow:!1,autoplay:!1,showlrc:!1};for(var t in a)a.hasOwnProperty(t)&&!e.hasOwnProperty(t)&&(e=a);this.option=e}APlayer.prototype.init=function(){function e(e){var a=e||window.event,i=(a.clientX-t(p.bar))/y;i=i>0?i:0,i=1>i?i:1,p.updateBar.call(p,"played",i,"width"),p.option.showlrc&&p.updateLrc.call(p,parseFloat(p.playedBar.style.width)/100*p.audio.duration),p.element.getElementsByClassName("aplayer-ptime").innerHTML=p.secondToTime(i*p.audio.duration)}function a(){document.removeEventListener("mouseup",a),document.removeEventListener("mousemove",e),p.audio.currentTime=parseFloat(p.playedBar.style.width)/100*p.audio.duration,p.play()}function t(e){for(var a,t=e.offsetLeft,i=e.offsetParent;null!==i;)t+=i.offsetLeft,i=i.offsetParent;return a=document.body.scrollLeft+document.documentElement.scrollLeft,t-a}function i(e){for(var a,t=e.offsetTop,i=e.offsetParent;null!==i;)t+=i.offsetTop,i=i.offsetParent;return a=document.body.scrollTop+document.documentElement.scrollTop,t-a}if(this.element=this.option.element,this.music=this.option.music,this.option.showlrc){this.lrcTime=[],this.lrcLine=[];for(var l=this.element.getElementsByClassName("aplayer-lrc-content").innerHTML,s=l.split(/\n/),r=/\[(\d{2}):(\d{2})[\:|\.](\d{2})]/,n=/](.*)$/,o=/\[+:/,d=0;d<s.length;d++){s=s.replace(/^\s+|\s+$/g,"");var c=r.exec(s),u=n.exec(s);if(c&&u&&!n.exec(u))this.lrcTime.push(60*parseInt(c)+parseInt(c)+parseInt(c)/100),this.lrcLine.push(u);else if(s&&!o.exec(s))throw"APlayer Error: lrc format error : should be like `lyric` : "+s}}if(this.element.innerHTML='<div class="aplayer-pic"><img src="'+this.music.pic+'"><div class="aplayer-button aplayer-pause aplayer-hide"><i class="demo-icon aplayer-icon-pause"></i></div><div class="aplayer-button aplayer-play"><i class="demo-icon aplayer-icon-play"></i></div></div><div class="aplayer-info"><div class="aplayer-music"><span class="aplayer-title">'+this.music.title+'</span><span class="aplayer-author"> - (＞﹏＜)加载中,好累的说...</span></div><div class="aplayer-lrc"><div class="aplayer-lrc-contents" style="transform: translateY(0);"></div></div><div class="aplayer-controller"><div class="aplayer-bar-wrap"><div class="aplayer-bar"><div class="aplayer-loaded" style="width: 0"></div><div class="aplayer-played" style="width: 0"><span class="aplayer-thumb"></span></div></div></div><div class="aplayer-time"> - <span class="aplayer-ptime">00:00</span> / <span class="aplayer-dtime">(oﾟ▽ﾟ)</span><div class="aplayer-volume-wrap"><i class="demo-icon aplayer-icon-volume-down"></i><div class="aplayer-volume-bar-wrap"><div class="aplayer-volume-bar"><div class="aplayer-volume" style="height: 80%"></div></div></div></div></div></div></div>',this.option.showlrc){this.element.classList.add("aplayer-withlrc");var m="";for(this.lrcContents=this.element.getElementsByClassName("aplayer-lrc-contents"),d=0;d<this.lrcLine.length;d++)m+="<p>"+this.lrcLine+"</p>";this.lrcContents.innerHTML=m,this.lrcIndex=0,this.lrcContents.getElementsByTagName("p").classList.add("aplayer-lrc-current")}this.option.narrow&&this.element.classList.add("aplayer-narrow"),this.audio=document.createElement("audio"),this.audio.src=this.music.url,this.audio.loop=!0,this.audio.preload="metadata";var p=this;this.audio.addEventListener("durationchange",function(){1!==p.audio.duration&&(p.element.getElementsByClassName("aplayer-dtime").innerHTML=p.secondToTime(p.audio.duration))}),this.audio.addEventListener("loadedmetadata",function(){p.element.getElementsByClassName("aplayer-author").innerHTML=" - "+p.music.author,p.loadedTime=setInterval(function(){var e=p.audio.buffered.end(p.audio.buffered.length-1)/p.audio.duration;p.updateBar.call(p,"loaded",e,"width"),1===e&&clearInterval(p.loadedTime)},500)}),this.audio.addEventListener("error",function(){p.element.getElementsByClassName("aplayer-author").innerHTML=" - 加载失败 ╥﹏╥"}),this.playButton=this.element.getElementsByClassName("aplayer-play"),this.pauseButton=this.element.getElementsByClassName("aplayer-pause"),this.playButton.addEventListener("click",function(){p.play.call(p)}),this.pauseButton.addEventListener("click",function(){p.pause.call(p)}),this.playedBar=this.element.getElementsByClassName("aplayer-played"),this.loadedBar=this.element.getElementsByClassName("aplayer-loaded"),this.thumb=this.element.getElementsByClassName("aplayer-thumb"),this.bar=this.element.getElementsByClassName("aplayer-bar");var y;this.bar.addEventListener("click",function(e){var a=e||window.event;y=p.bar.clientWidth;var i=(a.clientX-t(p.bar))/y;p.updateBar.call(p,"played",i,"width"),p.element.getElementsByClassName("aplayer-ptime").innerHTML=p.secondToTime(i*p.audio.duration),p.audio.currentTime=parseFloat(p.playedBar.style.width)/100*p.audio.duration}),this.thumb.addEventListener("mousedown",function(){y=p.bar.clientWidth,clearInterval(p.playedTime),document.addEventListener("mousemove",e),document.addEventListener("mouseup",a)}),this.audio.volume=.8,this.volumeBar=this.element.getElementsByClassName("aplayer-volume");var h=this.element.getElementsByClassName("aplayer-volume-bar"),v=p.element.getElementsByClassName("aplayer-time").getElementsByTagName("i"),f=35;this.element.getElementsByClassName("aplayer-volume-bar-wrap").addEventListener("click",function(e){var a=e||window.event,t=(f-a.clientY+i(h))/f;t=t>0?t:0,t=1>t?t:1,p.updateBar.call(p,"volume",t,"height"),p.audio.volume=t,p.audio.muted&&(p.audio.muted=!1),1===t?v.className="demo-icon aplayer-icon-volume-up":v.className="demo-icon aplayer-icon-volume-down"}),v.addEventListener("click",function(){p.audio.muted?(p.audio.muted=!1,v.className=1===p.audio.volume?"demo-icon aplayer-icon-volume-up":"demo-icon aplayer-icon-volume-down",p.updateBar.call(p,"volume",p.audio.volume,"height")):(p.audio.muted=!0,v.className="demo-icon aplayer-icon-volume-off",p.updateBar.call(p,"volume",0,"height"))}),this.option.autoplay&&this.play()},APlayer.prototype.play=function(){this.playButton.classList.add("aplayer-hide"),this.pauseButton.classList.remove("aplayer-hide"),this.audio.play();var e=this;this.playedTime=setInterval(function(){e.updateBar.call(e,"played",e.audio.currentTime/e.audio.duration,"width"),e.option.showlrc&&e.updateLrc.call(e),e.element.getElementsByClassName("aplayer-ptime").innerHTML=e.secondToTime(e.audio.currentTime)},100)},APlayer.prototype.pause=function(){this.pauseButton.classList.add("aplayer-hide"),this.playButton.classList.remove("aplayer-hide"),this.audio.pause(),clearInterval(this.playedTime)},APlayer.prototype.updateBar=function(e,a,t){a=a>0?a:0,a=1>a?a:1,this.style=100*a+"%"},APlayer.prototype.updateLrc=function(e){if(e||(e=this.audio.currentTime),e<this.lrcTime||e>=this.lrcTime)for(var a=0;a<this.lrcTime.length;a++)e>=this.lrcTime&&(!this.lrcTime||e<this.lrcTime)&&(this.lrcIndex=a,this.lrcContents.style.transform="translateY("+20*-this.lrcIndex+"px)",this.lrcContents.getElementsByClassName("aplayer-lrc-current").classList.remove("aplayer-lrc-current"),this.lrcContents.getElementsByTagName("p").classList.add("aplayer-lrc-current"))},APlayer.prototype.secondToTime=function(e){var a=function(e){return 10>e?"0"+e:""+e},t=parseInt(e/60),i=parseInt(e-60*t);return a(t)+":"+a(i)};
</script>


<script>
        var ap3 = new APlayer({
                element: document.getElementById('player3'),//样式1
                narrow: false,
                autoplay: true,
                showlrc: true,
                music: {
                        title: '',
                        author: '',
                        url: 'https://pan.365.tf/uploads/dengkh/还没有爱够.mp3',
                        pic: ''
                }
        });

        ap3.init();
                                                       
</script>
<br><br><br><br><br><br><br><br><br><br>

蓝魔 发表于 2022-11-29 22:46

欣赏一下，谢谢。

非常开心 发表于 2022-11-30 10:00

欣赏老师的新作好看又好听，点赞！

相约爱晚亭 发表于 2022-12-1 15:00

蓝魔 发表于 2022-11-29 22:46
欣赏一下，谢谢。

谢谢您的关注和支持！

相约爱晚亭 发表于 2022-12-1 15:01

非常开心 发表于 2022-11-30 10:00
欣赏老师的新作好看又好听，点赞！

谢谢您的支持和鼓励！

午老虎 发表于 2022-12-5 17:06

欣赏了谢谢

相约爱晚亭 发表于 2022-12-5 19:35

午老虎 发表于 2022-12-5 17:06
欣赏了谢谢

谢谢您的关注和支持！
页: [1]
查看完整版本: 还没有爱够