非与 发表于 2022-3-10 16:53

陌上归人

</div>
</div>
</div><div class="pct"><style type="text/css">.pcb{margin-right:0}</style><div class="pcb">
<div class="t_fsz"><br><br>
<table cellspacing="0" cellpadding="0"><tr><td class="t_f" id="postmessage_1122488">
<table style="position: relative; width:600px;" border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD>
老友聚。<br>
走在春天里,简单带上食物酒水,宜聊天。<br><br>

弦歌不辍。<br>
我说自己小时候判断好了就去做,比较喜欢独来独往。<br>
她想了想说,那她不是哦,她们一般都是习惯,团伙。<br><br>

团……伙<br>
此词甚妙<br><br>

这次回来唐宋有很多收获,包括对外界,对自我,认知有很多变化,体验很好,是有趣的成长。<br>
老友听我讲很多,夸我,能这么想,确实是境界……又补刀一句,也说明有点年龄。http://bbs.shiandci.net/data/attachment/forum/202203/09/113158syamm6eaacpc4jft.gif<br><br>

总是喜欢随手拍。<br>
无论景像好不好,总归是岁月的痕迹。<br>
致敬我的”纪录片“<br>

</TBODY></table></div></td></tr></table><br>
<style>
#bigPa { position: relative; width: 770px; height: 328px; background:#333 url('https://pic.imgdb.cn/item/622818bf5baa1a80abe7438f.jpg') no-repeat center/cover; box-shadow: 0 0 0 2px #1d7262;}
#gcDiv { width: 300px; float: right; }
#paDiv { position: relative; top: 305px; width: 220px; left:-250px; display: flex; align-items: center; border: 1px solid olive; border-radius: 8px 0px 8px 0px; background: rgba(0,0,0,.8); box-shadow: 1px 1px 2px #000; }
#jindu { position: relative; width: 200px; height: 8px; line-height: 8px; font-size: 10px; color: #eee; text-align: center; background: linear-gradient(90deg, olive, green) no-repeat; background-size: 8px 0px; cursor: pointer; }
#btn-ro { width: 20px; height: 20px;line-height: 20px; font-size: 12px; background: linear-gradient(blue, silver, red); outline:none; color: white; border-radius: 50%; text-align: center; cursor: pointer; animation: rol linear 2s infinite; }
#lrcDiv { position: relative; top: 420px; color: #A4D1D7; font-size: 1em; text-shadow: 1px 1px 2px #000; }
#btn-ro:hover { opacity: 0.8; }
#btn-ro:active { opacity: 1; }
@keyframes rol { to { transform:rotate(360deg); } }
</style>

<div id="bigPa">
        <div id="gcDiv">
                <!-- 播放器开始 -->
                <div id="paDiv">
                        <div id="btn-ro">·</div><!-- 播放按钮 -->
                        <div id="jindu"><div id="jd-go"></div></div>
                </div>
        <!-- 播放器结束 -->

          <div style="color:#fff;margin:0px;padding:10px;font-size:5px;font-family:'微软雅黑';text-shadow:1px 1px 1px #000;">
                <p style="position: absolute; left:280px; top:265px; color: #b6d8d8;"><marqueescrollamount="3" direction="left" ><font face="微软雅黑" size="4">人潮拥挤,相遇不易,且行且珍惜</font></marquee></p>
      </div>
</div>


<script language="javascript">

var lrcDiv = document.getElementById('lrcDiv');
var btn = document.getElementById('btn-ro');
var jindu = document.getElementById('jindu');
var aud = document.createElement('audio');
// 音乐地址放在下行引号内
aud.src = "http://music.163.com/song/media/outer/url?id=548850947.mp3";
aud.loop = true;
aud.autoplay = true;
aud.addEventListener('ended', function() { btn.style.animationPlayState="paused"; }, true);
aud.addEventListener('timeupdate', tmMsg, true);

function tmMsg(){ //进度条
        let auT = Math.floor(aud.duration - aud.currentTime);
        let auM = auT / 60;
        let auMs = parseInt(auM);
        if (auMs <10) auMs = "0" + auMs;
        let auS = auT % 60;
        let auSs = Math.round(auS);
        if (auSs < 10) auSs = "0" + auSs;
        jindu.innerHTML = "- " + auMs +":" + auSs;
        let jd = (100*aud.currentTime)/aud.duration;
        jindu.style.backgroundSize = jd+ "% 8px";
}

jindu.onclick = function(){ //进度控制
        let w = offset(jindu,"left");
        let x = (event.clientX - w) * aud.duration / jindu.clientWidth;
        aud.currentTime = x;
}

function offset(obj,direction){//获取父级元素偏移总量
        let offsetDir = "offset" + direction.toUpperCase()+direction.substring(1);
        let realNum = obj;
        let positionParent = obj.offsetParent;
        while(positionParent != null){
                realNum += positionParent;
                positionParent = positionParent.offsetParent;
        }
        return realNum;
}

btn.onclick = function(){ // 暂停&播放
        aud.paused ? (aud.play(), btn.style.animationPlayState="running") : (aud.pause(), btn.style.animationPlayState="paused");
}

//处理lrc歌词数组:时间转换成秒
for(j=0; j<lrcAr.length; j++){
        lrcAr = toSec(lrcAr);
}

//lrc时间信息转为秒
function toSec(lrcTime) {
        let tmpAr = lrcTime.split(':');
        lrcTime = tmpAr * 60 + parseInt(tmpAr);
        return lrcTime;
}

//同步显示歌词
aud.ontimeupdate = function() {
        let tt = this.currentTime;
        for(j=0; j<lrcAr.length; j++){
                if(tt > lrcAr) lrcDiv.innerHTML = lrcAr;
        }
}

</script>
<br><br>

非与 发表于 2022-3-10 17:08

陌上归人(吉他) - 張子铭
想着整歌词同步,捣腾半会还是觉得费时力,大手一挥,算了,这般就好。(给自己一个偷懒的借口)http://bbs.shiandci.net/data/attachment/forum/202203/09/113143ubq4k0nan22irqpn.gif


非与 发表于 2022-3-10 17:26

人潮拥挤,相遇不易~不容易呀。


@鸟儿   情缘、秋秋、南草、含香、还有不速客前辈   http://bbs.shiandci.net/data/attachment/forum/202203/10/172337e552811ww9abwpz9.gif

谢谢~!有你们,真好!http://bbs.shiandci.net/data/attachment/forum/202203/09/113228zbrqqvyvzgkg3xey.gif

非与 发表于 2022-3-10 17:36

小吃食饮料   保质保量……来了就一起坐,聊天~~随意哈   
PS:这些天气温上来了,春归~~走起~(悄悄说,这些都是上周末的、俺替你们尝过了~) http://bbs.shiandci.net/data/attachment/forum/202111/27/094549e0eg99hennsk525e.gif

https://pic.imgdb.cn/item/622818c95baa1a80abe74b4b.jpg



春草 发表于 2022-3-10 17:41

老友聚。
走在春天里,简单带上食物酒水,宜聊天。

弦歌不辍。
我说自己小时候判断好了就去做,比较喜欢独来独往。

都好,各有秋千,各得其乐。

南草萋萋 发表于 2022-3-10 21:19

来了,一个春天的聚会,音乐,茶点,好心情,像春风吹啊吹。。

空桥 发表于 2022-3-11 06:49

缓归

空桥 发表于 2022-3-11 06:50

为何你能用表情:)

非与 发表于 2022-3-15 17:30


多看花,眼睛里就会常有笑意。
生活总是有很多小小的美,小小的趣。几朵花,一两句话。

https://pic.imgdb.cn/item/62305a655baa1a80ab5ecc88.jpg

非与 发表于 2022-3-15 17:31

三月,遍地黄花风铃,满城尽带黄金甲。
那一抹亮眼的黄色,点亮春天的面孔,春天来信,感谢黄花风铃木花开的季节给予的美好。

https://pic.imgdb.cn/item/62305a6d5baa1a80ab5ecef1.jpg

非与 发表于 2022-3-15 17:32

https://pic.imgdb.cn/item/62305a735baa1a80ab5ed062.jpg

非与 发表于 2022-3-15 17:33

声声念春未到,悄然花满香枝头,黄花风铃木美醉人心,微风轻抚落英缤纷,满地黄花堆积不忍踩。

https://pic.imgdb.cn/item/62305a7c5baa1a80ab5ed4ab.jpg

非与 发表于 2022-3-15 17:39

这些天,楼下,楼外,公园里,山道旁……哪哪都是美丽的黄色花朵儿。随手可拍皆入画。娇艳的黄色在温暖的阳光下,明晃晃地照亮了蔚蓝的天。迎风盛放,玉蕊初凝羞带露,芳菲才绽笑含香。

南草萋萋 发表于 2022-3-15 19:18

三月,陌上花开,一埸欢乐的相会。。

紫荆棘鸟 发表于 2022-3-16 21:42

金风铃挺漂亮的,可惜我们这里很少见。

非与 发表于 2022-3-23 15:11

木棉花开了,迎来了又一个春天。

花开不见叶,叶绿花已枯,岁岁年年,繁繁复复。
https://pic.imgdb.cn/item/62384b3427f86abb2a90ff7b.jpg


非与 发表于 2022-3-23 15:37

本帖最后由 非与 于 2022-3-24 11:26 编辑

春天时,一树火红。夏天绿叶成荫。秋天枝叶萧瑟。冬天秃枝寒树。
冬去春来,萧瑟的枯枝突然绽放了满树火红。
从绽放的那一刻起,到生命走到尽头,始终开朗向阳,毫无掩饰。
没有哗众取宠,没有矫柔造作。开得轰轰烈烈,红红火火。
https://pic.imgdb.cn/item/623be33d27f86abb2ac4eff0.jpg

非与 发表于 2022-3-23 15:56

“啪”的一声,一朵碗大的木棉花猛然跌落于身旁,掷地有声、干脆利落。
拾起木棉花,我总会觉得有些惋惜,那还是开的正盛的花朵,娇艳欲滴的花瓣里饱含着充足的水分,通体透红的花朵仍完好无损。鲜红斑斓,像燃烧的火焰,连坠落也分外的豪气,即使跌落泥尘,也是整朵整朵的,绽放那最灿烂的容颜。
https://pic.imgdb.cn/item/62384b1027f86abb2a903ca2.jpg


非与 发表于 2022-3-23 16:36

爱是一树木棉花,花开繁盛时,仿佛把所有的欣喜都挂在了树梢。
一年中,它的花期只有20多天。大部分时间里,它是安静的,默默无闻地积蓄着力量,而后这一树的灿烂,迸发了参天的无限辉煌……
岭南的木棉花,似乎天然就带着化宏大为日常,以细微日常融入生活原味的气质。
花开花落,不但能拍照打卡,还能带回家吃……用木棉花入馔,做药材煲汤祛湿,几乎是每个老广家庭的“金圣旨”。
PS:弟弟捡回的木棉花,母上大人用针线串成一串,挂在当风的阳台上晾晒风干,就是日常煲汤常用的木棉花干。
喝着妈妈煲的木棉花汤,那是一份暖暖的味蕾融入心的归属感,家的温馨!
https://pic.imgdb.cn/item/62384b0927f86abb2a901f23.jpg

非与 发表于 2022-3-23 16:41

春草 发表于 2022-3-10 17:41
老友聚。
走在春天里,简单带上食物酒水,宜聊天。



春天花开,秋天亦花开,只是春天的骨子里透的是柔情,而秋天的骨子里透出的却是萧瑟。
页: [1] 2
查看完整版本: 陌上归人