美丽草原我的家 --- 多行歌词显示尝试

起个网名好难

歌词显示可以是1 - 多行，以4行为例

起个网名好难

1. 
   
2. <!------ 以下为定制部分        ---->
   
3. <div style="width:960px;height:640px;position:relative;background:skyblue url(https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fss2.meipian.me%2Fusers%2F11005724%2F6b75ef6dd016489fa1980639b675ea2e.jpg%3Fmeipian-raw%2Fbucket%2Fivwen%2Fkey%2FdXNlcnMvMTEwMDU3MjQvNmI3NWVmNmRkMDE2NDg5ZmExOTgwNjM5YjY3NWVhMmUuanBn%2Fsign%2F811da16b8977c527e7f5d579c7a439f5.jpg&refer=http%3A%2F%2Fss2.meipian.me&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1672030053&t=e80083e83eb282eb457609501c10ec30) no-repeat center/cover;overflow:hidden;border-radius:24px;box-shadow:3px 3px 20px black;margin:100px 16px 32px -200px;">
   
4.         <dir class="LRCShow"></div>
   
5. </div>
   
6. 
   
7. <script type="text/javascript">
   
8. let lrctxt = `
   
9. [00:00.00]美丽的草原我的家
   
10. [00:10.55]词：火华
    
11. [00:21.11]曲：阿拉腾奥勒
    
12. [00:31.67]美丽的草原我的家
    
13. [00:38.56]风吹绿草遍地花
    
14. [00:45.43]彩蝶纷飞白鸟儿唱
    
15. [00:52.25]一弯碧水映晚霞
    
16. [00:59.14]骏马好似彩云朵
    
17. [01:06.01]牛羊好似珍珠洒
    
18. [01:13.62]啊
    
19. [01:17.24]牧羊姑娘放声唱
    
20. [01:24.10]愉快的歌声满天涯
    
21. [01:30.87]牧羊姑娘放声唱
    
22. [01:37.69]愉快的歌声满天涯
    
23. [02:16.27]美丽的草原我的家
    
24. [02:24.39]水清草美我爱它
    
25. [02:29.98]草原就像绿色的海
    
26. [02:36.89]毡包就像白莲花
    
27. [02:43.72]牧民描绘幸福景
    
28. [02:50.62]春光万里美如画
    
29. [02:58.44]啊
    
30. [03:01.75]牧羊姑娘放声唱
    
31. [03:08.55]愉快的歌声满天涯
    
32. [03:15.46]牧羊姑娘放声唱
    
33. [03:22.24]愉快的歌声满天涯
    
34. [03:33.76]愉快的歌声满天涯
    
35. `;
    
36. var opts = {
    
37.         lrcDoc:lrctxt,                //        存放lrc歌词的变量名
    
38.         audioURL:"https://www.qqmc.com/up/kwlink.php?id=594826&.mp3",        //        歌曲链接
    
39.         showLines:4                                //        显示行数，可选，默认为1行
    
40. };
    
41. new lrcPlayerM(opts);
    
42. </script>
    

复制代码

红影

四行歌词，漂亮的制作

起个网名好难

醉美水芙蓉 发表于 2022-11-26 13:43
欣赏老师佳作！

                               
登录/注册后可看大图

起个网名好难

红影 发表于 2022-11-26 14:08
四行歌词，漂亮的制作

                               
登录/注册后可看大图

红影

起个网名好难 发表于 2022-11-26 15:10

客气了，问好

寒冬残荷

欣赏老师佳作！

起个网名好难

寒冬残荷 发表于 2022-11-26 18:12
欣赏老师佳作！

                               
登录/注册后可看大图

相约爱晚亭

欣赏音画佳作！收藏！

起个网名好难

相约爱晚亭 发表于 2022-12-2 15:41
欣赏音画佳作！收藏！

                               
登录/注册后可看大图