红影 发表于 2024-2-22 19:54

【七九消寒】第九天 · 南

<style>
#papa {
      width: 640px;      
      min-height: 1120px;
      padding: 40px;
      box-sizing: border-box;
      border-radius: 12px;
      box-shadow: 0 0 8px #000;
      position: relative;
      margin: 60px auto 80px auto;
      top: 0px;
      display: grid; user-select: none;
      place-items: center;
      user-select: none;
}
#tit {
      position: absolute;
      left: 155px;
      top: 400px;
      font: bold 20px/26px 'FangSong',serif;
      color: Sienna;
}
#papa::before, #papa::after {
      position: absolute;
      content: '';
}
#papa::before {
      left: 10px;
      top: 10px;
      right: 10px;
      bottom: 10px;
      border: 2px dashed Brown;
      border-radius: inherit;
}
#papa::after {
      content: '七九消寒第九天 南 ';
      padding: 10px 40px 10px 10px;
      left: -10px;
      top: 20px;
      border-radius: 10px 0 0 10px;
      background: Sienna;
      opacity: .85;
      font: bold 16px/24px sans-serif;
      color: white;
      clip-path: polygon(0 0,100% 0,90% 50%, 100% 100%, 0 100%);
}
#pic {
      position: absolute;
      left: 70px;
      top: 90px;
      width: 500px;
      height: 260px;
}
.mpic { position: absolute; right: -10px; bottom: -10px; width: 300px; height: 183px; }
.mpic1 { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; opacity: .35;
      background: url('https://pic.imgdb.cn/item/647c033ef024cca17313a454.gif'); }
@keyframes swing { from { transform: rotate(3deg); } to { transform: rotate(-2deg); } }
</style>

<div id="papa">
       <div class="mpic1"></div>
       <img id="pic" src="https://pic.imgdb.cn/item/6599fc66871b83018ac50373.jpg" alt="">
       <img src="https://pic.imgdb.cn/item/6482db5b1ddac507ccaa9ddd.gif" alt="" class="mpic">
      <div id="tit">七九用联:屋后流泉复响盼绕南<br>
  2024-2-22文字:红影<br><br><br>
二十载的南柯太守 让人志得意满<br>
富贵荣华不尽儿女成行如花美眷<br>
转首成空 消失不见 化为过眼云烟<br>
失落的淳于棼 成了后世人的笑谈<br><br>
习惯把历史故事只当做故事看<br>
却被OpenAI的发展震颤了肝胆<br>
鼠标展开的虚拟世界 真假难辨<br>
工具人行走自如 还会俏皮地眨眼<br><br>
科技随手撕破平行空间的界限<br>
让南柯一梦在现实活生生上演<br>
人工智能比大槐国蚁穴更加浮幻<br>
又怎知 在现实还是在梦中沉酣<br><br>

</div><br>

<audio id="aud" src="https://music.163.com/song/media/outer/url?id=2085479586.mp3" loop="" autoplay=""></audio>
<script >
(function() {
      (function(mkPlayer) {let defaults = {lrcAr: [],lrc_css: 'top: 10px; left: 50%; transform: translateX(-50%);',player_css: 'bottom: 20px; left: 50%; transform: translateX(-50%);',playerCode: `<style>#mplayer {position: absolute;display: grid;grid-template-areas: 'cur btnplay dur''prog prog prog';gap: 8px 2px;place-items: end center;color: var(--color);font: normal 16px sans-serif;z-index: 999;--ww: 240px;--color: SaddleBrown;--track: hsla(90,100%,95%,.65);--prog: linear-gradient(90deg,hsla(90,30%,50%,.55),hsla(0,100%,50%,.75),hsla(180,100%,50%,.65));}#cur { grid-area: cur; color: var(--color); }#dur { grid-area: dur; color: var(--color); }#btnplay {--dis1: block;--dis2: none;grid-area: btnplay;width: 35px;height: 35px;border: 3px solid var(--color);border-radius: 50%;opacity: .95;cursor: pointer;transition: .3s;position: relative;}#btnplay:hover { opacity: 1; box-shadow: 0 0 5px var(--color), inset 0 0 5px var(--color); }#btnplay::before, #btnplay::after {position: absolute;content: '';width: 100%;height: 100%;background: var(--color);}#btnplay::before { display: var(--dis1); clip-path: polygon(35% 30%, 75% 50%, 35% 70%); }#btnplay::after {display: var(--dis2);clip-path: polygon(35% 30%, 45% 30%, 45% 70%, 35% 70%, 55% 70%, 65% 70%, 65% 30%, 55% 30%, 55% 70%, 35% 70%);}#prog {--xx: 0px;grid-area: prog;width: var(--ww);height: 4px;background: var(--track);position: relative;display: grid;place-items: center;}#prog::before, #prog::after { position: absolute; content: ''; }#prog::before {left: 0;width: var(--xx);height: 100%;border-radius: 6px;background: var(--prog);}#prog::after {left: calc(var(--xx) - 12px);opacity: .85;width: 16px;height: 16px;background: radial-gradient(transparent 2px, teal 0, black);border-radius: 50%;cursor: pointer;}#lrc {--motion: cover2;--tt: 2s;--state: paused;--bg: linear-gradient(180deg, hsla(90, 50%, 50%, .45), hsla(0, 100%, 50%, .75));position: absolute;font: bold 1.0em serif;color: rgba(160,82,45, .95);white-space: pre;-webkit-background-clip: text; z-index: 1000;}#lrc::before {position: absolute;content: attr(data-lrc);width: 20%;height: 100%;color: transparent;overflow: hidden;white-space: pre;background: var(--bg);filter: inherit;-webkit-background-clip: text;animation: var(--motion) var(--tt) linear forwards;animation-play-state: var(--state);}@keyframes cover1 { from { width: 0; } to { width: 100%; } }@keyframes cover2 { from { width: 0; } to { width: 100%; } }</style><div id="lrc" data-lrc=" "> </div><div id="mplayer"><span id="btnplay"></span><span id="prog"></span><span id="cur">00:00</span><span id="dur">00:00</span></div>`,};let playCode = (user_config) => {let data = Object.assign({}, defaults, user_config);papa.innerHTML += data.playerCode;mplayer.style.cssText += data.player_css;lrc.style.cssText += data.lrc_css;let mKey = 0, mFlag = true, mDrag = false;btnplay.onclick = () => aud.paused ? aud.play() : aud.pause();aud.addEventListener('timeupdate', () => {cur.innerText = toMin(aud.currentTime);dur.innerText = toMin(aud.duration);if(mDrag===false) prog.style.setProperty('--xx', aud.currentTime * prog.offsetWidth / aud.duration + 'px');for (j = 0; j < data.lrcAr.length; j++) {if (aud.currentTime >= data.lrcAr) {cKey = j;if (mKey === j) showLrc(data.lrcAr);else continue;}}});aud.addEventListener('pause', () => mState());aud.addEventListener('play', () => mState());aud.addEventListener('seeked', () => calcKey());prog.onmousedown = (e) => mDrag = true;prog.onmousemove = (e) => { if(mDrag) prog.style.setProperty('--xx',e.offsetX + 'px'); };prog.onmouseup = (e) => {aud.currentTime = aud.duration * e.offsetX / prog.offsetWidth;mDrag = false;};let mState = () => aud.paused ? (lrc.style.setProperty('--state','paused'),btnplay.style.setProperty('--dis1','block'), btnplay.style.setProperty('--dis2','none')): (lrc.style.setProperty('--state','running'),btnplay.style.setProperty('--dis1','none'), btnplay.style.setProperty('--dis2','block'));let showLrc = (time) => {let name = mFlag ? 'cover1' : 'cover2';lrc.innerHTML = lrcAr;lrc.dataset.lrc = lrcAr.replace(/<br>/, '\n');lrc.style.setProperty('--motion', name);lrc.style.setProperty('--tt', time + 's');lrc.style.setProperty('--state', 'running');mKey += 1;mFlag = !mFlag;};let calcKey = () => {for (j = 0; j < data.lrcAr.length; j++) {if (aud.currentTime <= data.lrcAr) {mKey = j - 1;break;}}if (mKey < 0) mKey = 0;if (mKey > data.lrcAr.length - 1) mKey = data.lrcAr.length - 1;let time = data.lrcAr - (aud.currentTime - data.lrcAr);showLrc(time);};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;}};mkPlayer.HCPlayer = playCode;})(this);
      let lrcAr = [
                ,
      ];
      HCPlayer({
                lrcAr: lrcAr,
                lrc_css: 'left: calc(50% - 75px); bottom: 64px; --bg: rgba(160,82,45, .95);',
                player_css: 'left: 170px; bottom: 100px;--track: hsla(0,0%,80%,.95); --prog: linear-gradient(90deg,hsla(120,100%,50%,.55),hsla(0,100%,50%,.55),hsla(120,100%,50%,.65));',
      });
})();
</script>

红影 发表于 2024-2-22 19:58

看到一个关于 OpenAI发布文生视频模型Sora的一个短视频,非常感慨,虚拟世界将很快进入人们的生活,OpenAI在声明中写道:“Sora是能够理解和模拟现实世界的模型的基础。”,它能够深刻地理解运动中的物理世界,堪称为真正的「世界模型」

我们会不会也是在一个模拟的世界里,在做着南柯一梦。

梦油 发表于 2024-2-22 19:58

预祝影子朋友元宵节快乐

红影 发表于 2024-2-22 19:58

《芯世纪》

城市之中谁在哭泣
到处是没有灵魂的机器
不分昼夜不知休息
进化和升级超越血肉之躯

我们一直在寻觅
还有何能被代替
旧事物变成过去
直到轮到我自己
这身体或是记忆
不过分子聚集
生命如何被定义

芯世纪
永恒不再神秘
一切变成一串数据
诺亚方舟也不再拥挤
呼吸是零和一的交替

芯世纪
生活在梦境里
谁仍对现实有兴趣
有关星辰大海的诗句
谁还拥有记忆

曾经森林茂密
变成高楼耸立
黑夜不再静谧
飞鸟销声匿迹

眼前美丽风景
都是3D模拟
人们对探讨哲理
总是乐此不疲

我们一直在寻觅
还有何能被代替
旧事物变成过去
直到轮到我自己
这身体或是记忆
不过分子聚集
生命如何被定义

芯世纪
永恒不再神秘
一切变成一串数据
诺亚方舟也不再拥挤
呼吸是零和一的交替

芯世纪
生活在梦境里
谁仍对现实有兴趣
有关星辰大海的诗句
谁还拥有记忆

需要呼吸多少空气
足够填补内心贫瘠
欲望成了通用货币
世界的真理
是游戏或是实验之一

芯世纪
永恒不再神秘
一切变成一串数据
诺亚方舟也不再拥挤
呼吸是零和一的交替

芯世纪
生活在梦境里
谁仍对现实有兴趣
有关星辰大海的诗句
谁还拥有记忆

红影 发表于 2024-2-22 19:59

去找的这首歌也有趣,倒是说出了未来虚幻世界的样子呢{:4_173:}

红影 发表于 2024-2-22 20:00

梦油 发表于 2024-2-22 19:58
预祝影子朋友元宵节快乐

谢谢梦油,呵呵,元宵节还有几天呢{:4_173:}

红影 发表于 2024-2-22 20:05

芯世纪
永恒不再神秘
一切变成一串数据

梦油 发表于 2024-2-22 20:31

红影 发表于 2024-2-22 20:00
谢谢梦油,呵呵,元宵节还有几天呢

快了,还有两天。

小辣椒 发表于 2024-2-22 21:08

亲爱的辛苦,又一个完成,每个帖的那么的精彩

小辣椒 发表于 2024-2-22 21:09

今天这南,还讲起古代的历史故事了{:4_199:}

小辣椒 发表于 2024-2-22 21:09

小辣椒仰视欣赏{:4_189:}

樵歌 发表于 2024-2-22 21:11

这首南字的思路非常清晰,在现实和梦境切换,都让我有点怀疑我自己的存在了。

樵歌 发表于 2024-2-22 21:16

红影 发表于 2024-2-22 19:58
看到一个关于 OpenAI发布文生视频模型Sora的一个短视频,非常感慨,虚拟世界将很快进入人们的生活,OpenAI ...

看来,都得好好活着,看看十年二十年后是个啥样子。{:4_173:}

樵歌 发表于 2024-2-22 21:18

红影 发表于 2024-2-22 20:05
芯世纪
永恒不再神秘
一切变成一串数据

好多方面已经实现了{:4_173:}

红影 发表于 2024-2-22 21:28

梦油 发表于 2024-2-22 20:31
快了,还有两天。

是啊,快乐的元宵节,小时候玩兔子灯的日子{:4_173:}

红影 发表于 2024-2-22 21:29

小辣椒 发表于 2024-2-22 21:08
亲爱的辛苦,又一个完成,每个帖的那么的精彩

总算完成七九了,还剩两个九就完工了呢。{:4_173:}

红影 发表于 2024-2-22 21:30

小辣椒 发表于 2024-2-22 21:09
今天这南,还讲起古代的历史故事了

因为和今天很有类比性呢,挺让人惊悚的。

红影 发表于 2024-2-22 21:30

小辣椒 发表于 2024-2-22 21:09
小辣椒仰视欣赏

不用啊,这个就混呢{:4_173:}

红影 发表于 2024-2-22 21:41

樵歌 发表于 2024-2-22 21:11
这首南字的思路非常清晰,在现实和梦境切换,都让我有点怀疑我自己的存在了。

我看到那个视频的时候,也觉得特别怀疑人生呢。谁知道生活里的场景和人物是不是都是虚拟的,自己是不是进入了高级游戏空间{:4_189:}

红影 发表于 2024-2-22 21:42

樵歌 发表于 2024-2-22 21:16
看来,都得好好活着,看看十年二十年后是个啥样子。

应该很快就会看到了,据说这项即使需要十年功夫的,没想到今年就实现了。
页: [1] 2
查看完整版本: 【七九消寒】第九天 · 南