樵歌 发表于 2023-5-10 07:30

【琴、棋、书、画】之棋 TO朝云暮雨

<style>
#papa { left: -214px; width: 1024px; height: 640px; background: tan url('https://pic2.imgdb.cn/item/645ad3030d2dde5777e065f7.jpg') no-repeat center/cover; box-shadow: 3px 3px 20px #000; position: relative; z-index: 1; }
#conicPlayer { left: 20px; bottom: 20px; display: grid; place-items: center; width: 100px; height: 100px; border-radius: 50%; background: conic-gradient(from 180deg,red 0%, tan 0); cursor: pointer; position: absolute; }
#conicPlayer::before { position: absolute; content: attr(data-per); display: grid; place-items: center; width: 90px; height: 90px; border-radius: 50%; background: #DBE3E2; color: seagreen; font: normal 15px sans-serif; white-space: pre; transition: 1.2s; }
#lrctext { position: absolute; left: 130px; bottom: 55px; font: bold 1.4em sans-serif; color: orange; text-shadow: 1px 1px 2px rgba(0,0,0,.95); user-select: none; transition: 1.2s; }
#lrctext:hover, #conicPlayer:hover::before { color: tomato; }
</style>

<div id="papa">
        <span id="conicPlayer" data-per="00:00&#10;00:00"></span>
        <span id="lrctext">lrc歌词</span>
</div>

<script>
let lrcAr = [
        ['00.00', '纯音乐'],
        ['170.00','感谢欣赏']
];
let aud = new Audio();

aud.src = 'https://music.163.com/song/media/outer/url?id=5236671.mp3';
aud.autoplay = true;
aud.loop = true;

conicPlayer.onclick = () => aud.paused ? aud.play() : aud.pause();

aud.addEventListener('timeupdate', () => {
        let current = aud.currentTime / aud.duration * 100;
        conicPlayer.style.background = `conic-gradient(from 0deg, red, orange, green, red ${current}%, tan 0)`;
        conicPlayer.setAttribute('data-per', toMin(aud.currentTime) + '\n' + toMin(aud.duration));
        for(j=0; j<lrcAr.length; j++) {
                if(aud.currentTime >= lrcAr) lrctext.innerText = lrcAr;
        }
});

let toMin = (val) => {
        if (!val) return '00:00';
        val = Math.floor(val);
        let min = parseInt(val / 60), sec = parseFloat(val % 60);
        if(min < 10) min = '0' + min;
        if(sec < 10) sec = '0' + sec;
        return min + ':' + sec;
}
</script>

樵歌 发表于 2023-5-10 07:30

【琴、棋、书、画】之棋 TO朝云暮雨
这一局,戡定春秋帝国的疆域和野心,将由铁骑来圈定楚河与汉界,不过是弱者的藩篱历史,是强者书写的所谓真理却永远在大炮的射程之内
这一场,决定王国兴衰的对垒经将帅和谋士们反复推演,秘密筹划朝着自私的方向偏执可一旦敌方兵临城下,他们却乱了方寸排布的战阵,被一声大喝震倒卫戍的人马被战车杀得七零八落血流成河
这一战,好勇斗狠两强相逢勇者胜兵对卒、将对帅内战内行,外战外行套路,在武力值面前一切都是浮云!
历史如棋,时空执其牛耳英雄和蝼蚁旗鼓相当一顶顶王冠落地一缕缕灵魂升天草头王咀嚼着带血的骨头转眼把龙椅座得四平八稳
这一仗,谁挑起纷争谁就是人民的公敌炮灰,始终被一个叫“百姓”的词盘踞而历史,不过是一笔糊涂者记的糊涂帐
人生如棋,天地为盘执棋人也是棋子最终,被小卒子拱死乌乎。。。。。。

樵歌 发表于 2023-5-10 07:30

是不是有还有些生硬刚猛了,将就看吧{:4_173:}

红影 发表于 2023-5-10 12:13

由下棋想到了国家之争,想到了各方的表现。内涵非常丰富的诗句。

“人生如棋,天地为盘
执棋人也是棋子”

非常有哲理的句子。在师兄的诗句中,看到了许多对人生的思考{:4_199:}

红影 发表于 2023-5-10 12:14

菜根谭说,钓鱼,逸事也,尚持生杀之柄;弈棋,清戏也,且动战争之心。可见喜事不如省事之为适,多能不如无能之全真。

当不知不觉被卷入,就可能是炮灰的结局。师兄的诗句和菜根谭有异曲同工之妙。{:4_187:}

梦油 发表于 2023-5-10 16:26

樵歌 发表于 2023-5-10 07:30
【琴、棋、书、画】之棋 TO朝云暮雨
这一局,戡定春秋帝国的疆域和野心,将由铁骑来圈定楚河与汉界,不过 ...

是啊,樵歌朋友。人生如棋,识局者生,破局者存,掌局者赢。

一斛珠 发表于 2023-5-10 17:25

樵歌的诗歌是一道独特的风景。

一斛珠 发表于 2023-5-10 17:26

这棋下了令人惊叹不已。{:4_199:}

一斛珠 发表于 2023-5-10 17:28

这一仗,谁挑起纷争
谁就是人民的公敌
炮灰,始终被一个叫“百姓”的词盘踞
而历史,不过是一笔
糊涂者记的糊涂帐

{:4_199:}

一斛珠 发表于 2023-5-10 17:31

看了几遍,昨天那首惊天动地,今天这首落笔惊风雨。

樵歌 发表于 2023-5-10 21:42

梦油 发表于 2023-5-10 16:26
是啊,樵歌朋友。人生如棋,识局者生,破局者存,掌局者赢。

嗯,掌局者有时昏呢{:4_173:}

樵歌 发表于 2023-5-10 21:44

一斛珠 发表于 2023-5-10 17:25
樵歌的诗歌是一道独特的风景。

总之是柔情少了少许,沒啥大看头{:4_173:}

樵歌 发表于 2023-5-10 21:45

一斛珠 发表于 2023-5-10 17:26
这棋下了令人惊叹不已。

对棋熟悉一些,因俺也是一个臭棋篓子{:4_170:}

樵歌 发表于 2023-5-10 21:46

一斛珠 发表于 2023-5-10 17:28
这一仗,谁挑起纷争
谁就是人民的公敌
炮灰,始终被一个叫“百姓”的词盘踞


英雄!{:4_176:}

樵歌 发表于 2023-5-10 21:48

一斛珠 发表于 2023-5-10 17:31
看了几遍,昨天那首惊天动地,今天这首落笔惊风雨。

俺要是有大师兄那本事,可能弄个惊天地泣鬼神末{:4_170:}

朝云暮雨 发表于 2023-5-10 23:35

人生如棋,天地为盘
执棋人也是棋子

{:4_204:}喜欢

朝云暮雨 发表于 2023-5-10 23:38

樵歌 发表于 2023-5-10 07:30
是不是有还有些生硬刚猛了,将就看吧

下棋,那能温柔呢?生死轮呢。必须的果断冷静。将坐军中帐的勇猛。哈哈{:4_204:}

朝云暮雨 发表于 2023-5-10 23:38

樵歌 发表于 2023-5-10 21:48
俺要是有大师兄那本事,可能弄个惊天地泣鬼神末

我看差不多了。哈哈

朝云暮雨 发表于 2023-5-10 23:40

历史如棋,时空执其牛耳
英雄和蝼蚁旗鼓相当
一顶顶王冠落地
一缕缕灵魂升天
草头王咀嚼着带血的骨头
转眼把龙椅座得四平八稳


哎, 胜者为王败者寇 ,这是定律{:4_187:}

朝云暮雨 发表于 2023-5-10 23:42

最近太多事,这二天特忙,白天都忙的爬不上来了,不过会偷偷看的。{:4_173:}
页: [1] 2
查看完整版本: 【琴、棋、书、画】之棋 TO朝云暮雨