关于 Lyric 试验帖

我就来看看

本来这些内容应该和那试验帖一起发布的，现在就算是个补课吧。

1. /******************************************************
   
2. *        //        下面3个参数是必须的！
   
3. *        lrcTxtID:'lrc_content',                存放LRC歌词的text area 的ID
   
4. *        lrcShowID:"lyricShow",                显示歌词的div 的ID
   
5. *        audioURL:"http://link.hhtjim.com/qq/002N3qSk0SWPf9.mp3",        播放的MP3链接URL
   
6. *        //        可选的参数
   
7. *        gczh:'20px',                                歌词字符大小
   
8. *        gczt:'楷体',                                歌词字体
   
9. *        gcct:true,                                        歌词是否粗体
   
10. *        dqfs:'center',                                歌词的对齐方式
    
11. *        gcys:'#33c',                                当前歌词的颜色
    
12. *        gcys1:'#ccf',                                非当前歌词的颜色
    
13. *        //-------------------------------------------------------
    
14. *        showMode:1,                                        横排(0)还是竖排显示(1)
    
15. *        gchs: 8                                                显示歌词行数
    
16. *********************************************************/
    
17. <!--
    
18. 以下是该试验的LRC歌词处理以及播放控制等程序所在，必须完整的抄录。
    
19. -->
    
20. <script type="text/javascript" >
    
21. !window.procLRC && document.write('<script type="text/javascript" src="http://cesholl.cn3v.net/scripts/processLRC0.js" charset="utf-8"><\/script>');
    
22. </script>
    
23. 
    
24. 
    
25. <!--
    
26. 所有的准备工作完成后就是实际运用了。
    
27. -->
    
28. <script type="text/javascript">
    
29. var opts = {                                                //        要用到的参数集合
    
30.         //        下面3个参数是必须的！
    
31.         lrcTxtID:'存放LRC歌词标签的ID',           //        存放LRC歌词的标签的  id
    
32.         lrcShowID:"显示歌词标签的ID",            //        用于显示歌词的标签的 id
    
33.         audioURL:"http://link.hhtjim.com/qq/001dVUmc0MJkF0.mp3",        //        歌曲的链接地址
    
34.         //        可选的参数
    
35.         gczh:'2em',                        //        字符大小
    
36.         gczt:'楷体',                        //        字体
    
37.         gcct:true,                          //        是否粗体 true 或 false
    
38.         dqfs:'center',                      //        对齐方式  
    
39.         gcys:'#ccf',                        //        字符颜色
    
40.         gcys1:'black',
    
41.         //-------------------------------------------------------
    
42.         showMode:0,
    
43.         gchs: 1
    
44. };
    
45.         
    
46. setTimeout(function()    {procLRC(opts);}, 1000);                 //        调用程序处理、控制                        
    
47. </script>
    
48. 
    
49. <!--
    
50. 以下的textarea标签是用于存放LRC歌词的，display：none 就是不让它显现出来；
    
51. id 是该标签的标识， 它可以是任意的字母、数字组合，但必须保证它的唯一性。
    
52. -->
    
53. <textarea id='存放LRC歌词标签的ID' style="display:none;">
    
54. [ti:九儿]
    
55. [ar:胡莎莎]
    
56. [al:红高粱 原声带]
    
57. [by:]
    
58. [offset:0]
    
59. [00:00.00]九儿 - 胡莎莎
    
60. [00:11.27]词：何其玲,阿鲲
    
61. [00:22.55]曲：阿鲲
    
62. [00:33.83]身边的那片田野啊
    
63. [00:41.10]
    
64. [00:42.10]手边的枣花香
    
65. [00:49.66]
    
66. [00:50.42]高粱熟来红满天
    
67. [00:57.31]九儿我送你去远方
    
68. [01:06.54]
    
69. [01:07.13]身边的那片田野啊
    
70. [01:14.65]手边的枣花香
    
71. [01:22.78]高粱熟来红满天
    
72. [01:29.08]
    
73. [01:29.61]九儿我送你去远方
    
74. [01:37.60]
    
75. [01:39.14]啊 啊
    
76. [01:54.46]高粱熟来红满天
    
77. [02:00.67]
    
78. [02:01.19]九儿我送你去远方
    
79. [02:08.57]
    
80. [02:09.11]九儿我送你去远方
    
81. </textarea>
    
82. 
    
83. 
    
84. <!--
    
85. 下面是试验帖的构成代码，它包括一个用div标签形成的外框，该外框包含一张作为背景的图片和一个用于显示歌词的div标签；
    
86. 显示歌词的div标签用id作为标识，id可以是任意的字母、数字组合，但必须保证它的唯一性。
    
87. -->
    
88. <div style="width:1000px;position:relative;margin:50px 0 24px -200px;overflow:hidden; border-radius:24px;">
    
89. <img src="data/attachment/forum/202009/14/201738w73iors0co3urwqh.jpg" style="width:1000px;">
    
90. <div id="显示歌词标签的ID" style="width:90%;height:80px;position:absolute;left:5%; bottom:0px;"></div>
    
91. </div>
    
92. 
    

复制代码

老胖阿哥

js句式，未来网页语言的趋势。认真学习。

山水人家

             谢谢老师，辛苦了，收藏学习了，晚上好。

静悟

晚上问好老师！谢谢老师辛苦，代码收藏学习。

娟子

老师为了我们，辛苦了，谢谢老师的无私奉献！
收藏代码学习！

沧海笑

收藏学习，谢谢老师！

真真

向老师致敬！

我就来看看

老胖阿哥 发表于 2020-9-19 18:53
js句式，未来网页语言的趋势。认真学习。

我就来看看

山水人家 发表于 2020-9-19 19:25
谢谢老师，辛苦了，收藏学习了，晚上好。

我就来看看

静悟 发表于 2020-9-19 19:45
晚上问好老师！谢谢老师辛苦，代码收藏学习。