采茶舞曲

静悟

夕阳黄昏 发表于 2022-3-26 14:44
原来代码不是我写的，是从其它网友帖中提取的LRC同步代码。

倒不是做了什么限制，也没那本事做限制， ...

这下就改不过来了，在测试器里歌词会显示，到这里就没了。

夕阳黄昏

静悟 发表于 2022-3-26 14:56
这下就改不过来了，在测试器里歌词会显示，到这里就没了。

把它做成空间帖可以避免这问题

静悟

[00:00.00]采茶舞曲 - 春天 [00:01.83]词：周大风 [00:03.42]曲：周大风 [00:04.15]LRC:静悟 [00:05.25][00:46.85][02:40.46]溪水清清溪水长 [00:10.13][00:51.62][02:44.65]溪水两岸好呀么好风光 [00:14.94][02:48.93]哥哥呀 你上畈下畈勤插秧 [00:19.89][02:53.46]妹妹呀 东山西山采茶忙 [00:24.76][02:57.79]插秧插得喜洋洋 [00:27.26][02:59.94]采茶采得心花放 [00:29.69][03:02.11]插得秧来匀又快呀 [00:32.18][03:04.32]采得茶来满山香 [00:34.68][03:06.52]你追我赶不怕累 [00:39.55][03:10.91]敢与老天争春光 [00:44.36][03:15.13]哎 争呀么争春光 [00:56.60]姐姐呀 你采茶好比凤点头 [01:01.50]妹妹呀 采茶好比鱼跃网 [01:06.42]一行一行又一行 [01:08.80]摘下的青叶篓里装 [01:11.27]千缕万缕千万缕呀 [01:13.76]缕缕新茶放清香 [01:16.19]多快好省来采茶呀 [01:21.09]青青新茶送城乡 [01:25.90]哎 送呀么送城乡 [01:29.96]左采茶来右采茶 [01:34.51]采茶姑娘齐采茶 [01:39.46]一手先来一手后 [01:44.37]好比那两只公鸡争米上又下 [02:01.48]两个茶蒌两旁挂 [02:06.44]两手采茶要分家 [02:11.22]摘了一会停一下 [02:16.11]头不晕来眼不花 [02:20.98]多又多来快又快 [02:25.96]年年丰收龙井茶 [03:20.86]争呀么争春光

静悟

夕阳黄昏 发表于 2022-3-26 14:59
把它做成空间帖可以避免这问题

33楼还是可以播放的。

夕阳黄昏

静悟 发表于 2022-3-26 14:56
这下就改不过来了，在测试器里歌词会显示，到这里就没了。

很奇怪的问题，哪怕一点都不改动重新粘贴一回都会出毛病

静悟

夕阳黄昏 发表于 2022-3-26 15:01
很奇怪的问题，哪怕一点都不改动重新粘贴一回都会出毛病

看看33楼不去动它，是不是会改变。

夕阳黄昏

静悟 发表于 2022-3-26 15:08
看看33楼不去动它，是不是会改变。

1. <link rel="stylesheet" type="text/css" href="http://cesholl.cn3v.work/sstyle/lrcPlayer2.css">
   
2. <script type="text/javascript">
   
3. document.write('<script src="http://cesholl.cn3v.work/scripts/lrcPlayer2.min.js" type="text/javascript" charset="utf-8"><\/script>');
   
4. </script>
   
5. 
   
6. <style type="text/css">
   
7.         #hWindow         {
   
8.                 width:960px;
   
9.                 height:640px;
   
10.                 bbbackground-image:url(https://s1.ax1x.com/2022/03/23/qlTbYF.jpg);
    
11.                 bbbackground-size:cover;
    
12.                 background-color:#ccf;
    
13.                 border:thick brown ridge;
    
14.                 position:relative;
    
15.                 margin:100px auto 16px -180px;
    
16.                 overflow:hidden;font-size:14px;
    
17.                 border-radius:24px;
    
18.         }
    
19.         #curp        {
    
20.                 width: 100%;
    
21.                 height:100%;
    
22.                 background-image:url(https://s1.ax1x.com/2022/03/23/qlTreP.jpg);
    
23.                 background-size: cover;
    
24.                 transform-origin: center;
    
25.                 position:absolute; top:0px; left:0px;
    
26.         }
    
27. </style>
    
28. 
    
29. <div id="hWindow">
    
30.         <div id="curp"></div>
    
31.     <div id="rdisk" style="position:absolute;left:10px;bottom:10px;" ></div>
    
32.     <div id="LRCShow" style="width:65%;position:absolute;left:12%;bottom:10px;" >
    
33.               <span id="musickrc01"></span>
    
34.               <br style="clear:both;">
    
35.               <span id="musickrc02"></span>
    
36.     </div>
    
37. </div>
    
38. 
    
39. <textarea id="lrc_content" style="visibility:hidden;">
    
40. [00:00.00]采茶舞曲 - 春天
    
41. [00:01.83]词：周大风
    
42. [00:03.42]曲：周大风
    
43. [00:04.15]LRC:静悟
    
44. [00:05.25][00:46.85][02:40.46]溪水清清溪水长
    
45. [00:10.13][00:51.62][02:44.65]溪水两岸好呀么好风光
    
46. [00:14.94][02:48.93]哥哥呀 你上畈下畈勤插秧
    
47. [00:19.89][02:53.46]妹妹呀 东山西山采茶忙
    
48. [00:24.76][02:57.79]插秧插得喜洋洋
    
49. [00:27.26][02:59.94]采茶采得心花放
    
50. [00:29.69][03:02.11]插得秧来匀又快呀
    
51. [00:32.18][03:04.32]采得茶来满山香
    
52. [00:34.68][03:06.52]你追我赶不怕累
    
53. [00:39.55][03:10.91]敢与老天争春光
    
54. [00:44.36][03:15.13]哎 争呀么争春光
    
55. [00:56.60]姐姐呀 你采茶好比凤点头
    
56. [01:01.50]妹妹呀 采茶好比鱼跃网
    
57. [01:06.42]一行一行又一行
    
58. [01:08.80]摘下的青叶篓里装
    
59. [01:11.27]千缕万缕千万缕呀
    
60. [01:13.76]缕缕新茶放清香
    
61. [01:16.19]多快好省来采茶呀
    
62. [01:21.09]青青新茶送城乡
    
63. [01:25.90]哎 送呀么送城乡
    
64. [01:29.96]左采茶来右采茶
    
65. [01:34.51]采茶姑娘齐采茶
    
66. [01:39.46]一手先来一手后
    
67. [01:44.37]好比那两只公鸡争米上又下
    
68. [02:01.48]两个茶蒌两旁挂
    
69. [02:06.44]两手采茶要分家
    
70. [02:11.22]摘了一会停一下
    
71. [02:16.11]头不晕来眼不花
    
72. [02:20.98]多又多来快又快
    
73. [02:25.96]年年丰收龙井茶
    
74. [03:20.86]争呀么争春光
    
75. </textarea>
    
76. 
    
77. <script type="text/javascript">
    
78. var imgSet = [
    
79. "https://s1.ax1x.com/2022/03/26/qU2TKJ.png",
    
80. "https://s1.ax1x.com/2022/03/26/qU2HbR.png",
    
81. "https://s1.ax1x.com/2022/03/26/qU2v8O.png",
    
82. "https://s1.ax1x.com/2022/03/26/qURpKH.jpg",
    
83. "https://s1.ax1x.com/2022/03/26/qURiVI.jpg",
    
84. "https://s1.ax1x.com/2022/03/26/qURnMQ.jpg",
    
85. "https://s1.ax1x.com/2022/03/26/qURurj.jpg",
    
86. "https://s1.ax1x.com/2022/03/26/qURQZn.jpg",
    
87. "https://s1.ax1x.com/2022/03/26/qUR1I0.jpg",
    
88. "https://s1.ax1x.com/2022/03/26/qURJRU.jpg",
    
89. "https://s1.ax1x.com/2022/03/26/qURaL9.jpg",
    
90. "https://s1.ax1x.com/2022/03/26/qURgQe.jpg",
    
91. "https://s1.ax1x.com/2022/03/26/qUR2sH.jpg",
    
92. "https://s1.ax1x.com/2022/03/26/qUR4ot.jpg",
    
93. "https://s1.ax1x.com/2022/03/26/qURzF0.jpg",
    
94. "https://s1.ax1x.com/2022/03/26/qUWCSU.jpg",
    
95. "https://s1.ax1x.com/2022/03/26/qUWeFx.jpg",
    
96. 
    
97. ];
    
98. 
    
99. var keyFrames =
    
100.         [{clipPath: 'polygon(50% 0%, 50% 50%, 0% 50%, 50% 50%,50% 100%, 50% 50%, 100% 50%, 50% 50%)', opacity:'0.4'},
     
101.          {clipPath: 'polygon(50% 0%, 25% 25%, 0% 50%, 25% 75%,50% 100%, 75% 75%, 100% 50%, 75% 25%)', opacity:'0.7', offset:0.5},
     
102.          {clipPath: 'polygon(50% 0%, 0% 0%, 0% 50%, 0% 100%,50% 100%, 100% 100%, 100% 50%, 100% 0%)', opacity:'1', offset:0.8},
     
103.          {clipPath: 'polygon(50% 0%, 0% 0%, 0% 50%, 0% 100%,50% 100%, 100% 100%, 100% 50%, 100% 0%)', opacity:'0.4'}];
     
104. 
     
105. var EffectTiming = {duration: 8000, fill: 'forwards'};
     
106. var imgIdx = 0, lastIdx = imgSet.length - 1;
     
107. var imgBlock, curp, aniObj;
     
108. 
     
109. function initTrun()        {
     
110.                 imgBlock = document.getElementById('hWindow');
     
111.                 curp = document.getElementById('curp');
     
112.                
     
113.                 aniObj = curp.animate(keyFrames, EffectTiming);
     
114.                 aniObj.pause();
     
115.                 aniObj.onfinish = chg_cur_pic;
     
116.                 chg_cur_pic();
     
117. }
     
118. function chg_cur_pic()        {
     
119.                 imgBlock.style.backgroundSize = "cover";
     
120.                 imgBlock.style.backgroundImage = "url(" + imgSet[lastIdx] + ")";
     
121.                 curp.style.backgroundImage = "url(" + imgSet[imgIdx] + ")";
     
122.                
     
123.                 lastIdx = imgIdx;
     
124.                 imgIdx++;
     
125.                 imgIdx %= imgSet.length;
     
126.                 aniObj.play();
     
127. }
     
128. initTrun();
     
129. var opts = {
     
130.                 //        下面4个参数是必须的！
     
131.                 lrcTxtID:'lrc_content',
     
132.                 lrcShowID:"LRCShow",
     
133.                 audioURL:"http://link.hhtjim.com/kw/3261938.mp3",
     
134.                 audioCtrl:'rdisk'
     
135. };
     
136. new lrcPlayer2(opts);
     
137. 
     
138. </script>

复制代码

用这代码就没那问题了

巫荣云师

欣赏老师佳作 。点赞！

沉醉醉

欣赏静悟老师佳作-采茶舞曲，经典老歌，百听不厌，点赞。

真真

静悟 发表于 2022-3-26 13:42
真真你在茶山工作过吗？

前些年我生活是农村，生产队有茶山，虽都包产到户了，我与乡亲们关系很好，年年都自己采茶，自己炒。现在回城里了，好怀念。