唱脸谱

湛蓝

1. <div style="LEFT:20px; WIDTH: 600px; POSITION: relative; TOP:20px">
   
2. <div style="background-image:url(https://wkphoto.cdn.bcebos.com/83025aafa40f4bfbd7071d31134f78f0f63618fb.jpg);width:600px;height:340px;" data-title="">
   
3. 
   
4. 
   
5. <div id="layer" style="width:100%;position:absolute;bottom:4px;left:-50px;margin:46px;">
   
6. </div>
   
7. </center></div>
   
8. <textarea style="visibility:hidden;" id="lrcContent">孟姜女
   
9. [01:14.83]春季里来是新春，
   
10. [01:21.72]家家户户点红灯。
    
11. [01:31.79]别人家夫妻团圆聚，
    
12. [01:39.44]孟姜女丈夫去造长城。
    
13. [01:55.74]夏季里来热难当，
    
14. [02:03.83]蚊子叮在奴身上。
    
15. [02:12.37]宁愿叮奴千口血，
    
16. [02:22.32]莫叮我夫万杞良。
    
17. [03:31.42]秋季里来菊花黄，
    
18. [03:40.83]丈夫一去信渺茫。
    
19. [03:48.84]终朝思夫千万遍，
    
20. [03:57.59]深夜不宿我泪两行。
    
21. [04:13.39]冬季里来雪花飞，
    
22. [04:21.16]孟姜女千里来送寒衣，
    
23. [04:31.10]途中受尽千般苦，
    
24. [04:39.90]但愿夫妻要两相依。
    
25. </textarea>
    
26. <script type="text/javascript">
    
27. document.write('<script type="text/javascript" src="http://cesholl.cn3v.work/scripts/lrcPlayer.min.js"><\/script>');
    
28. </script>
    
29. <script type="text/javascript">
    
30. var opts = {
    
31. lrcTxtID:'lrcContent',                        //        放置LRC的textarea标签的ID        
    
32. lrcShowID:"layer",                                //        显示歌词的标签ID        
    
33. audioURL:"http://link.hhtjim.com/kw/2755971.mp3",                                        //        歌曲MP3地址
    
34. 
    
35. gczh:'36px',                //        歌词字体大小
    
36. gczt:'宋体',                //        歌词字体, 若无此参数默认为微软雅黑                                
    
37. gcys:'#00FF00',                        //        当前歌词显示颜色               
    
38. gcys1:'yellow',                //        后续歌词显示颜色               
    
39. shys:'#000',                //        歌词描边色，若无此参数则无描边
    
40. gcct:true,                        //        歌词是否加粗                        
    
41. dqfs:'center',                //        歌词显示对齐方式，若无此参数默认居中对齐        
    
42. 
    
43.                                        
    
44. showMode:0,                        //        横排(0)或竖排(1)，若无此参数默认横排               
    
45. playLoop:true,                //        是否循环播放，若无此参数默认播放一次        
    
46. gchs: 1                                //        显示歌词行（列）数，默认为1行
    
47. };
    
48. var km = new lrcPlayer(opts);
    
49. </script>
    
50. 
    
51. </div><br><br>
    

复制代码

湛蓝

孟姜女 [01:14.83]春季里来是新春， [01:21.72]家家户户点红灯。 [01:31.79]别人家夫妻团圆聚， [01:39.44]孟姜女丈夫去造长城。 [01:55.74]夏季里来热难当， [02:03.83]蚊子叮在奴身上。 [02:12.37]宁愿叮奴千口血， [02:22.32]莫叮我夫万杞良。 [03:31.42]秋季里来菊花黄， [03:40.83]丈夫一去信渺茫。 [03:48.84]终朝思夫千万遍， [03:57.59]深夜不宿我泪两行。 [04:13.39]冬季里来雪花飞， [04:21.16]孟姜女千里来送寒衣， [04:31.10]途中受尽千般苦， [04:39.90]但愿夫妻要两相依。

湛蓝

40楼的代码乱套了，前面多加了十几行多余的代码，后面也有多余的！

一师

欣赏佳作 - 赞！

老梦缘

欣赏老师的精彩分享，问好！祝您幸福快乐！

有声有色

湛蓝 发表于 2022-5-15 16:55
40楼的代码乱套了，前面多加了十几行多余的代码，后面也有多余的！

谢谢 我是搞了半天都没搞出来，只是硬套代码，对代码的结构如何组成，说明对音画代码的基础根本不懂·再次谢谢

有声有色

一师 发表于 2022-5-15 17:00
欣赏佳作 - 赞！

谢谢支持

有声有色

老梦缘 发表于 2022-5-15 21:28
欣赏老师的精彩分享，问好！祝您幸福快乐！

谢谢支持

有声有色

丁游侠 发表于 2022-5-15 21:55
感谢老师分享，祝健康长寿幸福快乐平安可爱

谢谢支持

湛蓝

有声有色 发表于 2022-5-16 07:32 谢谢 我是搞了半天都没搞出来，只是硬套代码，对代码的结构如何组成，说明对音画代码的基础根本不懂·再 ...

你刚接触代码，新手只能套用现成的代码！至于代码的结构 我们也不懂，除了看看老师！