万顷湖 发表于 2026-5-17 08:47

画你-云南洪伟

本帖最后由 万顷湖 于 2026-5-17 08:51 编辑 <br /><br /><table cellspacing="0" cellpadding="0"><tr><td class="t_f" id="postmessage_315784">
<br /><br /><div style="width: 100%;height: 1050px;position: absolute;MARGIN-LEFT:-300px;MARGIN-top:86px;">
<style>
#papa { margin: 10px 0 20px calc(50% - 681px); background:#800 url('https://cccimg.com/view.php/69c59468a782781633d67794aa917988.jpg')no-repeat center/cover;width: 1286px; height: 720px;   box-shadow: 3px 3px 6px gray; overflow: hidden; z-index: 1; position: relative; display: grid; place-items: center;}
#tz { margin: 0px auto; bottom: 20px;width: 840px; height: 300px; border: 0px solid gray; position: absolute;z-index:10;}
#tz::before { content: attr(data-lrc); position: absolute; bottom: 0;margin: 0px 20px;width: 100%; height: 60px; text-align: center; font: 300 2.5em 华文隶书; color:#880000; filter:drop-shadow(#fff 1px 0 0)drop-shadow(#fff 0 1px 0)drop-shadow(#fff -1px 0 0) drop-shadow(#fff 0 -1px0); }

#vid {z-index: 2;
      position: absolute;
      width: 100%
      height: 100%;
      object-fit: cover;
      mix-blend-mode: lighten;
}

#mypic {top:40%; left:43%;z-index: 20;
display: block;position: absolute;
    width: 250px; height: 250px;mix-blend-mode: difference;
    background: url(https://files.superbed.cn/proxy/7569696d6e2732326a766d75726972337e7973337f7e787f726e337e7270322d2f297b2a257b2d7b2a2e2b7c7b7e2e2c2b24782a2e2e287c2e2c24787f7e297f2b29282c2f7e7f33776d7a.png)no-repeat center/3250px 250px;
animation: heart-burst steps(13) 2s infinite;
}
@keyframes heart-burst {
0% {background-position: 0px 0;}
100% {background-position: -3250px 0;}
}
</style>
<div id="papa">
<div id="tz" data-lrc="可爱老人网"></div>
<div id="mypic" ></div>
<video id="vid" src="https://video-qn.51miz.com/preview/video/00/00/13/97/V-139799-78BE6C44.mp4" autoplay loop muted></video>
</div>
<audio id="aud" src="https://cccimg.com/view.php/1b7c4f1ed37a426e77e7af1bdfe6edbb.mp3" autoplay loop></audio>
<script>
var curkey = 0, lrcAr = [];
var getAr = (text) => {
    var ar = text.trim().split('\n');
    ar.sort();
   
    var reg = /\[(\d+)[.:](\d+)[.:](\d+)\](.*)/;
    ar.forEach(item => {
      let result = item.match(reg);
      let tmsg = parseInt(result) * 60 + parseInt(result) + parseInt(result) / 1000;
      lrcAr.push(.trim()]);
    });
};

aud.onseeked = () => curkey = 0;
aud.onplaying = aud.onpause = () => mState();
aud.ontimeupdate = () => {
    if(curkey > lrcAr.length - 1) return;
    if(aud.currentTime >= lrcAr) {
      tz.dataset.lrc = lrcAr;
      curkey ++;
    }
};

var lrc = `科尔沁夫-画你
作词：陈宝成（大地晨风）
作曲：朝古拉
把你的倩影画在家乡的山顶
甜蜜的笑容定格在我心里
深情的歌声描绘你的美丽
只为让你永驻我心里
我用爱画一个温柔可爱的你
让我在梦中无数次见到你
梦你的夜晚我不愿醒来
只为把你画在我心里
画上你的美丽
只为把你画在我心里
把你的倩影画在故乡的山间
幸福的笑容定格在我心里
把你的温柔画成那小河
爱情的泉水永流我心里
我用情画一个俊俏可爱的你
用爱的心愿描绘最爱的你
梦你的时候我不愿醒来
我用一生守护着你
画上你的美丽
我用一生守护着你
画上你的美丽
我用一生守护着你
我用一生守护着你
可爱老人网
`;
getAr(lrc);

</script>
<script>

mypic.onclick = () => aud.paused ?(aud.play(),vid.play()):(aud.pause(),vid.pause());
aud.addEventListener('play', () => mState());
aud.addEventListener('pause', () => mState());
mypic.style.animationPlayState = aud.paused ? 'paused' : 'running';
aud.addEventListener('playing', () =>mypic.style.animationPlayState = 'running');
aud.addEventListener('pause', () =>mypic.style.animationPlayState = 'paused');   
</script>
</div>
<div style="height: 960px;"> </div></td></tr></table>


梦江南 发表于 2026-5-17 10:17

问好万老师，音画画面没显示，歌曲显示的。

梦江南 发表于 2026-5-17 10:17

评分点不动

梦江南 发表于 2026-5-17 11:31

万老师，这音画是从可爱老年网转过来的吗？

红影 发表于 2026-5-17 13:50

的确，这个没法评分，底图也不显示，只有歌词是显示的{:4_204:}

万顷湖 发表于 2026-5-17 16:07

梦江南 发表于 2026-5-17 11:31
万老师，这音画是从可爱老年网转过来的吗？

报告：雕虫小技裹烟尘，我是影音村里人。自报家门八方客，摇身一变一乡绅。

梦江南 发表于 2026-5-17 16:19

万顷湖 发表于 2026-5-17 16:07
报告：雕虫小技裹烟尘，我是影音村里人。自报家门八方客，摇身一变一乡绅。

万老师也是可网影音村里人，我怎么不认识 呢？江南原曾当过影音村长，对村里人是一目了然，不曾有这么个高人！

万顷湖 发表于 2026-5-17 16:20

红影 发表于 2026-5-17 13:50
的确，这个没法评分，底图也不显示，只有歌词是显示的

报告：我这里（discuz3.5）是显示的。背景很简单，用了2.34MB大的mp4，宿主免费，显示慢或不显示是常态。暂时无解，致歉。

万顷湖 发表于 2026-5-17 16:29

梦江南 发表于 2026-5-17 16:19
万老师也是可网影音村里人，我怎么不认识 呢？江南原曾当过影音村长，对村里人是一目了然，不曾有这么个 ...

报告村长：有眼不识泰山，老糊涂了。恳望村长多多扶持我这个年迈的村民（新来乍到）。我这个“影音村”是泛指，非指某个具体的影音村。

梦江南 发表于 2026-5-17 16:40

万顷湖 发表于 2026-5-17 16:29
报告村长：有眼不识泰山，老糊涂了。恳望村长多多扶持我这个年迈的村民（新来乍到）。我这个“影音村”是 ...

哈哈，我猜到了，你是园弄桥老师！很 高兴在这里碰到您！{:4_187:}{:5_108:}

梦江南 发表于 2026-5-17 16:42

万顷湖 发表于 2026-5-17 16:29
报告村长：有眼不识泰山，老糊涂了。恳望村长多多扶持我这个年迈的村民（新来乍到）。我这个“影音村”是 ...

报告老师，彩虹网盘失链了。{:4_204:}

梦江南 发表于 2026-5-17 16:50

万顷湖 发表于 2026-5-17 16:29
报告村长：有眼不识泰山，老糊涂了。恳望村长多多扶持我这个年迈的村民（新来乍到）。我这个“影音村”是 ...

老师幽默，祝您玩得开心快乐！{:4_204:}

红影 发表于 2026-5-17 21:52

万顷湖 发表于 2026-5-17 16:20
报告：我这里（discuz3.5）是显示的。背景很简单，用了2.34MB大的mp4，宿主免费，显示慢或不显示是常态。 ...

嗯嗯，有可能我这里显示慢了，等网速好的时候再来看看{:4_173:}

万顷湖 发表于 2026-5-17 21:59

梦江南 发表于 2026-5-17 16:50
老师幽默，祝您玩得开心快乐！

论坛花绽满山坡，又遇牛人怯对歌。隔省友朋电波舞，留言助我喜过河。

梦江南 发表于 2026-5-18 07:56

本帖最后由 梦江南 于 2026-5-18 07:58 编辑

万顷湖 发表于 2026-5-17 21:59
论坛花绽满山坡，又遇牛人怯对歌。隔省友朋电波舞，留言助我喜过河。
喜鹊窗前报喜，灵凤栖聚花潮。
江南恭迎雅士，愿师常驻今朝。

梦江南 发表于 2026-5-18 19:23

万顷湖 发表于 2026-5-17 21:59
论坛花绽满山坡，又遇牛人怯对歌。隔省友朋电波舞，留言助我喜过河。

老师晚上好，我到哪边也去看过了，画面也没显示，同这里的情况是一样的。

梦江南 发表于 2026-5-18 19:25

万顷湖 发表于 2026-5-17 16:20
报告：我这里（discuz3.5）是显示的。背景很简单，用了2.34MB大的mp4，宿主免费，显示慢或不显示是常态。 ...

老师您处显示正常是电脑里缓存的关系。

万顷湖 发表于 2026-5-19 14:54

梦江南 发表于 2026-5-18 19:25
老师您处显示正常是电脑里缓存的关系。

一语中的，老马识途。谢谢。
页: [1]
查看完整版本: 画你-云南洪伟