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

湛蓝

或者直接用17楼的代码，17楼没有添加歌词上移的代码！

沉醉醉

潇湘翁老师好，欣赏学习视频佳作-骏马奔驰在草原上，赏图听歌，点赞。

潇湘翁

湛蓝 发表于 2022-5-9 11:01
或者直接用17楼的代码，17楼没有添加歌词上移的代码！

老师：我已经用17楼的代码替换了1楼的代码了！

我就来看看

潇湘翁 发表于 2022-5-9 09:43
谢谢老师指导！经过改小宋体以后，的确好了不少。谢谢老师！在代码中也可以更改歌词的颜色吗 ...

设置 gcys 好了，g(e)c(i)y(an)s(e), 汉语拼音声母缩写

我就来看看

潇湘翁 发表于 2022-5-9 10:09
老师：我也将gczh:'36px',改成36了，怎么1楼的图片没有17楼的图片好呢？（歌词位置）

字体大小有单位的例如px、pt、em等等，省略单位就看浏览器怎么看了。

潇湘翁

我就来看看 发表于 2022-5-9 11:40
字体大小有单位的例如px、pt、em等等，省略单位就看浏览器怎么看了。

谢谢老师告知！谢谢老师指导！

银龄

欣赏您的音画佳作，赞一个！

潇湘翁

湛蓝 发表于 2022-5-9 10:48
这些都删除！

老师：今后我就直接使用17楼这套代码，行吗？

我就来看看

[00:00.00]音画制作: 潇湘翁 [00:09.00] 作词 : 祁隆 [00:15.00] 作曲 : 祁隆 [00:29.06]等你我等了那么久 [00:35.05]花开花落不见你回头 [00:41.08]多少个日夜想你泪儿流 [00:46.90]望穿秋水盼你几多愁 [00:52.96]想你我想了那么久 [00:58.93]春去秋来燕来又飞走 [01:05.06]日日夜夜守着你那份温柔 [01:10.88]不知何时能和你相守 [01:16.51]就这样默默想着你 [01:22.81]就这样把你记心头 [01:28.82]天上的云懒散的在游走 [01:34.81]你可知道我的忧愁 [01:40.47]就这样默默爱着你 [01:46.80]海枯石烂我不放手 [01:52.77]不管未来的路有多久 [01:58.89]宁愿这样为你守候 [02:04.88]宁愿这样为你守候 [02:35.19]想你我想了那么久 [02:41.01]春去秋来燕来又飞走 [02:47.26]日日夜夜守着你那份温柔 [02:52.87]不知何时能和你相守 [02:58.53]就这样默默想着你 [03:04.84]就这样把你记心头 [03:11.06]天上的云懒散的在游走 [03:16.85]你可知道我的忧愁 [03:22.44]就这样默默爱着你 [03:28.85]海枯石烂我不放手 [03:35.05]不管未来的路有多久 [03:40.90]宁愿这样为你守候 [03:46.61]宁愿这样为你守候 [03:52.48]就这样默默想着你 [03:58.62]就这样把你记心头 [04:04.75]天上的云懒散的在游走 [04:10.87]你可知道我的忧愁 [04:16.61]就这样默默爱着你 [04:22.78]海枯石烂我不放手 [04:28.93]不管未来的路有多久 [04:34.81]宁愿这样为你守候 [04:40.85]宁愿这样为你守候

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

复制代码

真真

骏马奔腾，巴适。