可爱老人网

 找回密码
 注册会员
搜索
楼主: 山水人家

[原创制图] 祝贺开通(音乐同步)

[复制链接]
发表于 2026-9-14 10:55 | 显示全部楼层
肖燕 发表于 2026-9-14 10:50
您起来的太早啦!可能一晚上都在想html格式吧?好的,您把用GIF格式的代码整理好后告诉我, ...

一般gif动图出现html格式,有的是因为没有使用图床,直接从电脑相册上传到论坛时,有时候可能会出现这种情况,但刚才我已询问过山水兄和潇湘翁大哥都是使用图床上传的,说明出现他们的帖子出现html格式的原因不是图床的问题,那还有一个可能会不会是代码问题,因为咱们贴图版块上传gif动画和添加音乐的方法和代码不止一种,还有的简单,有的复杂。先分析一下原因再说吧。
 楼主| 发表于 2026-9-14 10:55 | 显示全部楼层
海姆 发表于 2026-9-14 10:05
精美的音画制作,漂亮!

谢谢关注和鼓励,向你学习,中午问好!
 楼主| 发表于 2026-9-14 10:55 | 显示全部楼层
灵山莲 发表于 2026-9-14 10:22
制作精彩,温馨漂亮!

谢谢关注和鼓励,向你学习,中午问好!
发表于 2026-9-14 10:57 | 显示全部楼层
听柳 发表于 2026-9-14 10:55
一般gif动图出现html格式,有的是因为没有使用图床,直接从电脑相册上传到论坛时,有时候可能会出现这种 ...

山水老师告诉我他是换了一种代码后就变成GIF格式了,他整理后会告诉大家。他说简单。
 楼主| 发表于 2026-9-14 10:57 | 显示全部楼层
听柳 发表于 2026-9-14 10:55
一般gif动图出现html格式,有的是因为没有使用图床,直接从电脑相册上传到论坛时,有时候可能会出现这种 ...

您判断完全正确!
发表于 2026-9-14 11:00 | 显示全部楼层
山水人家 发表于 2026-9-14 10:48
完全可以,配合老友,探索新路!

山水兄,您看看把您的这两个一个是html格式、一个是gif格式的帖子,您的发帖方法和代码是发在这里?还是发在哪里?您自己看,怎么方便怎么来。
发表于 2026-9-14 11:04 | 显示全部楼层
肖燕 发表于 2026-9-14 10:57
山水老师告诉我他是换了一种代码后就变成GIF格式了,他整理后会告诉大家。他说简单。

原因可能不止一种,因为同样的操作方法、同样的代码有时能正常显示,有时却又会出现异常。
 楼主| 发表于 2026-9-14 11:23 | 显示全部楼层
听柳 发表于 2026-9-14 11:00
山水兄,您看看把您的这两个一个是html格式、一个是gif格式的帖子,您的发帖方法和代码是发在这里?还是 ...

两种代码如下:

GIF动图:<table cellspacing="0" cellpadding="0"><tr><td class="t_f" id="postmessage_12387459">
<div align="center"><img src="https://matuimg.com/m/2026/09/13/vr9b2s.gif"/>
</div>
<audio autoplay="autoplay" loop="loop" src="https://music.163.com/song/media/outer/url?id=1952638457.MP3
"></audio>
</td></tr></table>


html格式:<div style="position:relative;width: 900px;height:550px;box-shadow: 0px 0px 1px 2px #466c02, 0px 0px 0px 8px #d6f2a5,0px 0px 5px 15px #466c02;overflow:hidden;border-radius:3%;margin-top:50px;margin-left: 0px;background-image:url(
https://matuimg.com/m/2026/09/13/vr9b2s.gif  );background-size: 100% 100%;">


<div id="layer" style="position:absolute; left:10%;bottom:25px;width:80%;height:1.5em;"></div></div>


<textarea style="visibility:hidden;" id="lrcContent">
[#:http://music.163.com/#/song?id= 288838]  


[00:00.000] 好日子 : 宋祖英

[00:09.000]  

[00:14.330]啊

[00:16.930]开心的锣鼓敲出年年的喜庆

[00:23.890]好看的舞蹈送来天天的欢腾

[00:30.560]阳光的油彩涂红了今天的日子哟

[00:37.110]生活的花朵是我们的笑容

[00:41.510]

[00:43.300]啊

[00:47.030]今天是个好日子

[00:50.700]心想的事儿都能成

[00:53.680]今天是个好日子

[00:56.970]打开了家门咱迎春风

[01:09.630]

[01:20.270]啊

[01:23.190]门外的灯笼露出红红的光景

[01:30.650]好听的歌儿传达浓浓的深情

[01:36.950]月光的水彩涂亮了明天的日子哟

[01:43.610]美好的世界在我们的心中

[01:50.900]啊

[01:54.260]明天又是好日子

[01:57.420]千金的光阴不能等

[02:00.800]明天又是好日子

[02:03.860]赶上了盛世咱享太平

[02:14.170]今天是个好日子

[02:17.550]心想的事儿都能成

[02:20.740]明天又是好日子

[02:24.230]千金的光阴不能等

[02:27.560]今天明天都是好日子

[02:30.520]赶上了盛世咱享太平

[02:38.520]
</textarea>
<script type="text/javascript">
document.write('<script type="text/javascript" src="http://cesholl.3vcn.work/scripts/lrcPlayer.min.js"><\/script>');
</script>
<script type="text/javascript">
var opts = {
lrcTxtID:'lrcContent',                        //        放置LRC的textarea标签的ID        
lrcShowID:"layer",                                //        显示歌词的标签ID        
audioURL:"https://music.163.com/song/media/outer/url?id=288838.mp3",                                            //        

gczh:'35px',                //        歌词字体大小
gczt:'楷体',                //        歌词字体, 若无此参数默认为微软雅黑                                
gcys:'#FFFF00',                        //        当前歌词显示红色               
gcys1:'yellow',                //        后续歌词显示颜色               
shys:'#FF00FF',                //        歌词描边色,若无此参数则无描边
gcct:true,                        //        歌词是否加粗                        
dqfs:'center',                //        歌词显示对齐方式,若无此参数默认居中对齐        
                                       
showMode:0,                        //        横排(0)或竖排(1),若无此参数默认横排               
playLoop:true,                //        是否循环播放,若无此参数默认播放一次        
gchs: 1                                //        显示歌词行(列)数,默认为1行
};
var km = new lrcPlayer(opts);

</script></div>


  

发表于 2026-9-14 11:28 | 显示全部楼层
谢谢山水兄的大力支持!
发表于 2026-9-14 15:14 | 显示全部楼层
欣赏老师精美佳图,非常漂亮,感佩才情,学习点赞!
        
下一页 发布主题 快速回复

手机版|公众号|小黑屋|可爱老人网

GMT+8, 2026-9-22 11:46

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表