《骏马奔驰在草原上》—借用秋思老师图片

潇湘翁

我就来看看 发表于 2022-5-9 12:12
[00:00.00]音画制作: 潇湘翁
[00:09.00] 作词 : 祁隆
[00:15.00] 作曲 : 祁隆

老师：17的代码与41楼的代码，有什么区别吗？

湛蓝

潇湘翁 发表于 2022-5-9 11:49
老师：今后我就直接使用17楼这套代码，行吗？

是的，可以！但是图片大小等可能还需要调整，以及边距等

湛蓝

潇湘翁 发表于 2022-5-9 12:33
老师：17的代码与41楼的代码，有什么区别吗？

是的，没什么区别，图片歌词不同！

我就来看看

潇湘翁 发表于 2022-5-9 12:33
老师：17的代码与41楼的代码，有什么区别吗？

没有本质的区别

1. <!-- 图片显示及歌词显示部分  -->
   
2. <div style="background-image:url(http://tuku.link/imgs/2022/05/c728c79a4d3af3db.gif);
   
3. width:900px;height:450px;position:relative;margin:40px 0 24px -70px;" >
   
4. 
   
5. <div id="layer" style="width:90%;position:absolute;bottom:0px;left:5%;">
   
6. </div>
   
7. 
   
8. </div>
   
9. <!-- LRC歌词   -->
   
10. <textarea style="visibility:hidden;" id="lrcContent">
    
11. [00:00.00]音画制作: 潇湘翁
    
12. [00:09.00] 作词 : 祁隆
    
13. [00:15.00] 作曲 : 祁隆
    
14. [00:29.06]等你我等了那么久
    
15. [00:35.05]花开花落不见你回头
    
16. [00:41.08]多少个日夜想你泪儿流
    
17. [00:46.90]望穿秋水盼你几多愁
    
18. [00:52.96]想你我想了那么久
    
19. [00:58.93]春去秋来燕来又飞走
    
20. [01:05.06]日日夜夜守着你那份温柔
    
21. [01:10.88]不知何时能和你相守
    
22. [01:16.51]就这样默默想着你
    
23. [01:22.81]就这样把你记心头
    
24. [01:28.82]天上的云懒散的在游走
    
25. [01:34.81]你可知道我的忧愁
    
26. [01:40.47]就这样默默爱着你
    
27. [01:46.80]海枯石烂我不放手
    
28. [01:52.77]不管未来的路有多久
    
29. [01:58.89]宁愿这样为你守候
    
30. [02:04.88]宁愿这样为你守候
    
31. [02:35.19]想你我想了那么久
    
32. [02:41.01]春去秋来燕来又飞走
    
33. [02:47.26]日日夜夜守着你那份温柔
    
34. [02:52.87]不知何时能和你相守
    
35. [02:58.53]就这样默默想着你
    
36. [03:04.84]就这样把你记心头
    
37. [03:11.06]天上的云懒散的在游走
    
38. [03:16.85]你可知道我的忧愁
    
39. [03:22.44]就这样默默爱着你
    
40. [03:28.85]海枯石烂我不放手
    
41. [03:35.05]不管未来的路有多久
    
42. [03:40.90]宁愿这样为你守候
    
43. [03:46.61]宁愿这样为你守候
    
44. [03:52.48]就这样默默想着你
    
45. [03:58.62]就这样把你记心头
    
46. [04:04.75]天上的云懒散的在游走
    
47. [04:10.87]你可知道我的忧愁
    
48. [04:16.61]就这样默默爱着你
    
49. [04:22.78]海枯石烂我不放手
    
50. [04:28.93]不管未来的路有多久
    
51. [04:34.81]宁愿这样为你守候
    
52. [04:40.85]宁愿这样为你守候
    
53. </textarea>
    
54. <!-- 引用的代码   -->
    
55. <script type="text/javascript">
    
56. document.write('<script type="text/javascript" src="http://cesholl.cn3v.work/scripts/lrcPlayer.min.js"><\/script>');
    
57. </script>
    
58. 
    
59. <!-- 同步播放的相关设置   -->
    
60. <script type="text/javascript">
    
61. var opts = {
    
62. lrcTxtID:'lrcContent',                        //        放置LRC的textarea标签的ID        
    
63. lrcShowID:"layer",                                //        显示歌词的标签ID        
    
64. audioURL:"http://music.163.com/song/media/outer/url?id=441622800.mp3 ",                                        //        歌曲MP3地址
    
65. 
    
66. gczh:'36px',                //        歌词字体大小
    
67. gczt:'楷体',                //        歌词字体, 若无此参数默认为微软雅黑                                
    
68. gcys:'#e6f391',                        //        当前歌词显示红色               
    
69. gcys1:'yellow',                //        后续歌词显示颜色               
    
70. shys:'#000',                //        歌词描边色，若无此参数则无描边
    
71. gcct:true,                        //        歌词是否加粗                        
    
72. dqfs:'center',                //        歌词显示对齐方式，若无此参数默认居中对齐        
    
73.                                        
    
74. showMode:0,                        //        横排(0)或竖排(1)，若无此参数默认横排               
    
75. playLoop:true,                //        是否循环播放，若无此参数默认播放一次        
    
76. gchs: 1                                //        显示歌词行（列）数，默认为1行
    
77. };
    
78. var km = new lrcPlayer(opts);
    
79. </script>

复制代码

潇湘翁

湛蓝 发表于 2022-5-9 12:45
是的，可以！但是图片大小等可能还需要调整，以及边距等

那是必然的！

潇湘翁

湛蓝 发表于 2022-5-9 12:48
是的，没什么区别，图片歌词不同！

图片和歌词肯定要替换的！

潇湘翁

我就来看看 发表于 2022-5-9 12:53
没有本质的区别

谢谢老师！

湛蓝

潇湘翁 发表于 2022-5-9 13:15
图片和歌词肯定要替换的！

删除之前记事本里的代码，连同记事本一起删除！

新建记事本，复制粘贴17楼代码,保存并重命名,以免搞乱！

潇湘翁

湛蓝 发表于 2022-5-9 13:26
删除之前记事本里的代码，连同记事本一起删除！

新建记事本，复制粘贴17楼代码,保存并重命名,以免搞乱 ...

老师：知道了！

湛蓝

试试一师老师的图片（放大图片）