II.〆石Zi° 发表于 2020-8-16 19:07:24

【像小强一样活着(2020重唱版)--王源】我说谎只是为了活着

本帖最后由 II.〆石Zi° 于 2020-8-16 20:20 编辑 <br /><br /><div style="width:600px;height: 1050px; left: 80px; top: 0px; position: relative;">

<img width="600" src="http://www.ii23.cn/data/attachment/forum/202008/16/182024fz0c6hn75eo97o6o.jpg">
<div style="height:40px;left: 20px; top: 15px; position:absolute;"><img width="40" height="40"src="http://www.ii23.cn/data/attachment/forum/201911/18/032129ntica8e7883rt3q3.png
" border="0"></div>
<div style="height:35px;left: 65px; top: 22px; position:absolute;">&nbsp;II.〆石Zi°音乐</div>
<div style="width:580px;left: 10px; top: 320px; position:absolute;opacity:0.6;"><img width="580" height="150"src="http://www.ii23.cn/data/attachment/forum/202008/10/211831vfxztxfif7iimibs.gif
" border="0"></div>

<div style="height:200px;width:280px;left: 300px; top: 700px; position:absolute;text-align:justify; text-justify:inter-ideograph;">《像小强一样活着》不仅仅是一部反讽社会现实的作品,虽然整篇小说确实使用了大量笔墨对社会现象进行调侃,一针见血的针砭时弊、跳思维式的数落不公正与歧视性的社会现状。但小说的主题并不是对社会的仇视,而是一种积极求生的生活态度,以及对生活的热情。</div>

<div style="height:20px;left: 480px; top: 960px; position:absolute;text-align:justify; text-justify:inter-ideograph;">制作:II.〆石Zi°</div>

<div style="left: 20px; top: 930px; position:absolute;">
<title>II23休闲社区II.〆石Zi°特制音乐播放器,歌词同步,颜色风格可调</title>
<style>
@font-face{format("svg");
      font-weight:400;font-style:normal}
      .aplayer-narrow .aplayer-info{display:none}
      .aplayer-withlrc.aplayer .aplayer-info{margin-left:0px;height:0px}
      .aplayer-withlrc.aplayer .aplayer-lrc{display:block;}
      .aplayer{
      font-family: Arial,Helvetica,sans-serif;
      margin: 0px;
      box-shadow: 0 2px 2px 0 rgba(0,0,121,.14),0 3px 1px -2px rgba(0,0,121,.2),0 1px 5px 0 rgba(0,0,121,.12);/* 边框颜色等 */
      border-radius: 5px;}/* 边框圆角 */

      .aplayer span{cursor:default!important}
      .aplayer{height:32px;width:260px; background-color: rgba(0,0,0,0.1);}/* 播放器区域的大小、颜色 、颜色中的参数a可调整透明度*/

      .aplayer :before,
      .aplayer :before{font-family:aplayer-fontello;font-style:normal;font-weight:400;display:inline-block;text-decoration:inherit;text-align:center;font-variant:normal;text-transform:none; line-height:18px; font-size: 16px; color:#ffffFF; width:20px;height:20px; border:2px solid #ffffFF; border-radius: 16px; position:absolute;bottom:4px; left:4px;} /* 按钮圈大小、颜色、位置,按钮字体大小、颜色 */

      .aplayer-lrc-content,.aplayer .aplayer-hide{display:none}
      .aplayer-icon-play:before{content:'\25b6'}
      .aplayer-icon-pause:before{content:'\2016'} /* 设置按钮键 */

      .aplayer-bar-wrap{height:2px; width:150px;background: RoyalBlue;position:absolute;left:32px;bottom:15px; }/* 进度条长度、位置及未播放段颜色 */
      .aplayer-bar{-webkit-transition:all .5s ease;transition:all .5s ease}
      .aplayer-played{position:absolute;left:0px;bottom:-1px; background: #EA0000;height:5px}/* 进度条已播放段颜色 */

      .aplayer-thumb:hover{background: #FFFF00;}
      .aplayer-thumb{position:absolute;top:2px;right:5px;margin-top:-3px;margin-right:-10px;height:6px;width:6px;border:1px solid #EA0000; border-radius:50%;background: #EA0000;cursor:pointer!important;}/* 进度球大小及颜色 */

      .aplayer-time{position:absolute;right:3px;bottom:8px;height:17px;color: #ffffff;font-size:10px}/* 时间 */

      .aplayer-lrc{display:none;position:absolute; left:0px; top:-180px; height:60px; width: 250; text-align:center;overflow:hidden;margin:-10px 0 10px; filter:Alpha(opacity=0);BACKGROUND:transparent}/* 歌词区域大小,位置调整 */
      .aplayer .aplayer-lrc p{font-size:14px;color: #ffffff;line-height:20px;padding:0;margin:0;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;opacity:0.8} /* 歌词字体、颜色及大小,未播放歌词透明度 */
      .aplayer-lrc p.aplayer-lrc-current{font-size:16px;font-weight:bold;color: red;opacity:1}/* 正播放歌词透明度 */
      .aplayer-lrc .aplayer-lrc-contents{width:100%;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}

.demo {
    margin: 0px auto;
    align:center;

          }
.demo p {
    padding: 10px 0;
    opacity: 1;
            }

</style>

      <div class="demo">
                     <p><strong></strong></p>
      <div id="player3" class="aplayer">
                   <pre class="aplayer-lrc-content">

---------------------------------------------------------------------
像小强一样活着--王源
作曲 : 赵英俊
作词 : 赵英俊/不K拉
制作人:赵英俊
编曲:毕赫宸
这世间充满了谎言
有人说谎是为了活的更好
我说谎只是为了活着
思维穿越时间空间的束缚
我仿佛又回到了三水镇
低矮的茅屋树上的冰棱
阳光照耀在茫茫的雪地上
天地间有一片光亮
雪地上折射出七彩的霓虹
那就是生活的颜色
有两个小黑点在雪地上跳跃
那就是你和我
就像小强一样活着
就像小强一样活着
给自己的生命添一点颜色
就像小强一样活着
就像小强一样活着
没有人能看见我的寂寞
就像小强一样活着
就像小强一样活着
给自己的生命添一点颜色
就像小强一样活着
就像小强一样活着
没有人能看见我的寂寞
这世间充满了谎言
有人说谎是为了活的更好
我说谎只是为了活着
思维穿越时间和空间的束缚
我仿佛又回到了三水镇
低矮的茅屋树上的冰棱
阳光照耀在茫茫的雪地上
天地间有一片光亮
雪地上折射出七彩的霓虹
那就是生活的颜色
有两个小黑点在雪地上跳跃
那就是你和我
就像小强一样活着
就像小强一样活着
给自己的生命添一点颜色
就像小强一样活着
就像小强一样活着
没有人能看见我的寂寞
就像小强一样活着
就像小强一样活着
给自己的生命添一点颜色
就像小强一样活着
就像小强一样活着
没有人能看见我的寂寞
吉他:毕赫宸
配唱制作人:丁爽
和声编写/和声:鱼椒盐
录音师:倪涵文@Studio21A
混音&母带:周天澈@Studio21A
专辑出品:凸显凹印
音乐发行营销:奔跑怪物
——End——
         </pre>
      </div>
      </div>

<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(m.bar))/p;i=i>0?i:0,i=1>i?i:1,m.updateBar.call(m,"played",i,"width"),m.option.showlrc&&m.updateLrc.call(m,parseFloat(m.playedBar.style.width)/100*m.audio.duration),m.element.getElementsByClassName("aplayer-ptime").innerHTML=m.secondToTime(i*m.audio.duration)}function a(){document.removeEventListener("mouseup",a),document.removeEventListener("mousemove",e),m.audio.currentTime=parseFloat(m.playedBar.style.width)/100*m.audio.duration,m.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/),n=/\[(\d{2}):(\d{2})\.(\d{2})]/,r=/](.*)$/,o=0;o<s.length;o++)
{var d=n.exec(s),c=r.exec(s);d&&c&&(this.lrcTime.push(60*parseInt(d)+parseInt(d)+parseInt(d)/100),this.lrcLine.push(c))}}

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 u="";for(this.lrcContents=this.element.getElementsByClassName("aplayer-lrc-contents"),o=0;o<this.lrcLine.length;o++)u+="<p>"+this.lrcLine+"</p>";this.lrcContents.innerHTML=u,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 m=this;this.audio.addEventListener("durationchange",function(){1!==m.audio.duration&&(m.element.getElementsByClassName("aplayer-dtime").innerHTML=m.secondToTime(m.audio.duration))}),this.audio.addEventListener("loadedmetadata",function(){m.element.getElementsByClassName("aplayer-author").innerHTML=m.music.author,m.loadedTime=setInterval(function(){var e=m.audio.buffered.end(m.audio.buffered.length-1)/m.audio.duration;m.updateBar.call(m,"loaded",e,"width"),1===e&&clearInterval(m.loadedTime)},500)}),this.audio.addEventListener("error",function(){m.element.getElementsByClassName("aplayer-author").innerHTML="歌曲链接失效"}),this.playButton=this.element.getElementsByClassName("aplayer-play"),this.pauseButton=this.element.getElementsByClassName("aplayer-pause"),this.playButton.addEventListener("click",function(){m.play.call(m)}),this.pauseButton.addEventListener("click",function(){m.pause.call(m)}),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 p;this.bar.addEventListener("click",function(e){var a=e||window.event;p=m.bar.clientWidth;var i=(a.clientX-t(m.bar))/p;m.updateBar.call(m,"played",i,"width"),m.element.getElementsByClassName("aplayer-ptime").innerHTML=m.secondToTime(i*m.audio.duration),m.audio.currentTime=parseFloat(m.playedBar.style.width)/100*m.audio.duration}),this.thumb.addEventListener("mousedown",function(){p=m.bar.clientWidth,clearInterval(m.playedTime),document.addEventListener("mousemove",e),document.addEventListener("mouseup",a)}),this.audio.volume=.8,this.volumeBar=this.element.getElementsByClassName("aplayer-volume");var y=this.element.getElementsByClassName("aplayer-volume-bar"),h=m.element.getElementsByClassName("aplayer-time").getElementsByTagName("i"),v=35;this.element.getElementsByClassName("aplayer-volume-bar-wrap").addEventListener("click",function(e){var a=e||window.event,t=(v-a.clientY+i(y))/v;t=t>0?t:0,t=1>t?t:1,m.updateBar.call(m,"volume",t,"height"),m.audio.volume=t,m.audio.muted&&(m.audio.muted=!1),1===t?h.className="demo-icon aplayer-icon-volume-up":h.className="demo-icon aplayer-icon-volume-down"}),h.addEventListener("click",function(){m.audio.muted?(m.audio.muted=!1,h.className=1===m.audio.volume?"demo-icon aplayer-icon-volume-up":"demo-icon aplayer-icon-volume-down",m.updateBar.call(m,"volume",m.audio.volume,"height")):(m.audio.muted=!0,h.className="demo-icon aplayer-icon-volume-off",m.updateBar.call(m,"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://music.163.com/song/media/outer/url?id=1470980639.mp3',
                        pic: ''
                }
        });
        ap3.init();
</script>

</div>
</div>
<style>
.a_t{display:none!important}
.a_mu{display:none!important}

.scbar_txt_td{display:none!important}
.scbar_type_td{display:none!important}
.scbar_btn_td{display:none!important}
.scbar_hot_td{display:none!important}
//.pgs{display:none!important}

#wechat_float_qrcode{display:none!important}

.scrolltopa{display:none!important}
#scrolltop{display:none!important}
.returnlist{display:none!important}

.pstatus{display:none!important}
.tshare{display:none!important}
.a_pt, .a_pb{display:none!important}

</style>

无魂回归 发表于 2020-8-16 19:40:11

第一次听这首歌曲

彩虹密码 发表于 2020-8-16 19:42:33

本帖最后由 彩虹密码 于 2020-8-16 19:44 编辑

这歌还真挺好听的

栀夏° 发表于 2020-8-16 21:20:17

挺有创意的,图配得不错

片片枫叶情 发表于 2020-8-17 07:22:14

这节奏像是说唱。

雨后の阳光 发表于 2020-8-17 17:30:47

这帖子做的超级棒,歌不错

Оο.1秒ヽo 发表于 2020-8-18 15:36:22

这首歌唱的好听
歌词有想法

煙ル 发表于 2020-8-18 22:45:49

{:73_564:}哥,小强是小老张吗?

II.〆石Zi° 发表于 2020-8-20 18:11:02

煙ル 发表于 2020-8-18 22:45
哥,小强是小老张吗?

小老张是谁
不是隔壁老王就行

落烟泪沫 发表于 2020-8-22 00:40:23


生命就应该是五彩缤纷的,不一样的生活方式就能享受不同颜色的生命。

帖子做的好看

雪千寻 发表于 2020-8-30 08:53:59

再难也难不住像小强活着的人们。。。
页: [1]
查看完整版本: 【像小强一样活着(2020重唱版)--王源】我说谎只是为了活着