《春天的故事》

湛蓝

这是本帖17楼的代码，请保存！也就是看看老师的代码

1. <div style="background-image:url(http://tuku.link/imgs/2022/05/8f3b8ff5bd245f73.gif);
   
2. width:1024px;height:536px;position:relative;margin:40px 0 24px -70px;">
   
3. 
   
4. <div id="layer" style="width:100%;position:absolute;bottom:10px;left:5%;">
   
5. </div>
   
6. </div>
   
7. 
   
8. <textarea style="visibility:hidden;" id="lrcContent">
   
9. [00:00.000]音画制作: 潇湘翁
   
10. [00:07.000] 作词 : 李安修
    
11. [00:12.000] 作曲 : 陈耀川
    
12. [00:16.07]编曲 : 涂惠源
    
13. [00:22.08]风中有朵雨做的云
    
14. [00:26.75]一朵雨做的云
    
15. [00:31.28]云的心里全都是雨
    
16. [00:36.46]滴滴全都是你
    
17. [00:41.16]风中有朵雨做的云
    
18. [00:45.90]一朵雨做的云
    
19. [00:50.92]云在风里伤透了心
    
20. [00:55.16]不知又将吹向哪儿去
    
21. [00:59.79]吹啊吹吹落花满地
    
22. [01:04.72]找不到一丝丝怜惜
    
23. [01:09.46]飘呀飘飘过千万里
    
24. [01:14.16]苦苦守候你的归期
    
25. [01:21.46]每当天空又下起了雨
    
26. [01:25.92]风中有朵雨做的云
    
27. [01:31.09]每当心中又想起了你
    
28. [01:35.88]风中有朵雨做的云
    
29. [01:40.69]
    
30. [02:00.47]风中有朵雨做的云
    
31. [02:05.09]一朵雨做的云
    
32. [02:10.45]云在风里伤透了心
    
33. [02:14.21]不知又将吹向那儿去
    
34. [02:19.06]吹啊吹吹落花满地
    
35. [02:23.86]找不到一丝丝怜惜
    
36. [02:28.75]飘啊飘飘过千万里
    
37. [02:33.45]苦苦守候你的归期
    
38. [02:40.56]每当天空又下起了雨
    
39. [02:45.26]风中有朵雨做的云
    
40. [02:50.17]每当心中又想起了你
    
41. [02:54.94]风中有朵雨做的云
    
42. [02:59.66]
    
43. [03:09.47]吹啊吹吹落花满地
    
44. [03:14.41]找不到一丝丝怜惜
    
45. [03:19.10]飘啊飘飘过千万里
    
46. [03:23.84]苦苦守候你的归期
    
47. [03:33.46]每当天空又下起了雨
    
48. [03:38.09]风中有朵雨做的云
    
49. [03:42.98]每当心中又想起了你
    
50. [03:47.90]风中有朵雨做的云
    
51. [03:52.55]
    
52. [03:52.58]每当心中又想起了你
    
53. [03:57.45]风中有朵雨做的云[ti:风中有朵雨做的云]
    
54. 
    
55. 
    
56. </textarea>
    
57. <script type="text/javascript">
    
58. document.write('<script type="text/javascript" src="http://cesholl.cn3v.work/scripts/lrcPlayer.min.js"><\/script>');
    
59. </script>
    
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=276711.mp3 ",                                        //        歌曲MP3地址
    
65. gczh:'36px',                //        歌词字体大小
    
66. gczt:'楷体',                //        歌词字体, 若无此参数默认为微软雅黑                                
    
67. gcys:'#e6f391',                        //        当前歌词显示红色               
    
68. gcys1:'yellow',                //        后续歌词显示颜色               
    
69. shys:'#000',                //        歌词描边色，若无此参数则无描边
    
70. gcct:true,                        //        歌词是否加粗                        
    
71. dqfs:'center',                //        歌词显示对齐方式，若无此参数默认居中对齐        
    
72.                                        
    
73. showMode:0,                        //        横排(0)或竖排(1)，若无此参数默认横排               
    
74. playLoop:true,                //        是否循环播放，若无此参数默认播放一次        
    
75. gchs: 1                                //        显示歌词行（列）数，默认为1行
    
76. };
    
77. var km = new lrcPlayer(opts);
    
78. </script>
    
79. 
    
80. 
    
81. 
    
82. 
    
83. 
    
84. 
    
85. 
    
86. 
    
87. 
    
88. 
    

复制代码

潇湘翁

湛蓝 发表于 2022-5-13 15:38
这是本帖17楼的代码，请保存！

好的！谢谢老师！

湛蓝

老师18楼的代码已经乱了，老师您添加了一句代码，歌词后面重叠的部分也都要删除 那个歌词编码器不是很好用！

潇湘翁

湛蓝 发表于 2022-5-13 15:41
老师18楼的代码已经乱了，老师您添加了一句代码，歌词后面重叠的部分也都要删除

现在我就用这套代码，去直接替换那套17的代码就成了吧？

湛蓝

潇湘翁 发表于 2022-5-13 15:48
现在我就用这套代码，去直接替换那套17的代码就成了吧？

你就用31楼的代码，31楼的代码已经贴在17楼了！就是看看老师的原代码！

潇湘翁

湛蓝 发表于 2022-5-13 15:50
你就用31楼的代码，31楼的代码已经贴在17楼了！就是看看老师的原代码！

我现在就用31楼的代码。老师说歌词编码器也不好用，那又怎么办呢？

湛蓝

潇湘翁 发表于 2022-5-13 15:54
我现在就用31楼的代码。老师说歌词编码器也不好用，那又怎么办呢？

歌词编辑器你可以用，新手用很合适，就是每次下面出现一大堆没用的要删除


你看一下20楼（不是18楼了）就知道，我删除了很多歌词里多余的（见下图）！

湛蓝

下面是老师20楼的错误代码，少了代码（绿色），又添加了一行（红笔），

潇湘翁

湛蓝 发表于 2022-5-13 15:56
歌词编辑器你可以用，新手用很合适，就是每次下面出现一大堆没用的要删除

老师：您是分辨得清，我分辨不清那些东西，是有用没用，我怕删错了，全部都会错了呢！慢慢跟着老师学习吧！

湛蓝

潇湘翁 发表于 2022-5-13 16:04
老师：您是分辨得清，我分辨不清那些东西，是有用没用，我怕删错了，全部都会错了呢！慢慢跟着老师学习吧 ...

那倒是，您可能分不清！


总之，之前的代码只能删除，保存31楼的代码！