十八梯

起个网名好难

童声韵灵 发表于 2024-12-9 18:18
开心快乐。

月婵

漂亮！歌曲特别好听！优雅的展现街道和房屋人群！
古韵悠长！好赞好赞！

起个网名好难

月婵 发表于 2024-12-9 19:57
漂亮！歌曲特别好听！优雅的展现街道和房屋人群！
古韵悠长！好赞好赞！ ...

老钟

欣赏老师的作品《十八梯》，很有原创，界面漂亮，歌曲好听，制作精美，点赞！

筱亭

真美！图美歌美，美美与共

起个网名好难

老钟 发表于 2024-12-10 03:01
欣赏老师的作品《十八梯》，很有原创，界面漂亮，歌曲好听，制作精美，点赞！ ...

起个网名好难

筱亭 发表于 2024-12-10 04:05
真美！图美歌美，美美与共

竹海人家

起个网名好难 发表于 2024-12-9 12:34
谢谢您的支持欣赏，中午好！

老师下午好。我昨天把老网正常播放的音画《芦花》，拿到离坛试帖，其它都正常，就是LRC同步歌词看不见，不知代码错在什么地方，请老师帮助看一下，谢谢了，下午问好！

起个网名好难

竹海人家 发表于 2024-12-11 14:55
老师下午好。我昨天把老网正常播放的音画《芦花》，拿到离坛试帖，其它都正常，就是LRC同步歌词看不见， ...

我在您的帖子下回复了，这论坛发帖审核不知什么时候放出。下面贴出代码（还是要审核）

1. <div style="position:relative;width: 707px;height: 908px;box-shadow: 0px 0px 1px 2px #466c02, 0px 0px 0px 8px #d6f2a5,0px 0px 5px 15px #466c02;
   
2. overflow:hidden;border-radius:3%;margin:50px auto;background-image:url(https://www.yiyuen.com/e/file/view/664130);background-size: 100% 100%;">
   
3. <div id="layer" style="position:absolute; left:10%;bottom:55px;width:80%;height:1.5em;"></div>
   
4. </div>
   
5. 
   
6. <textarea style="visibility:hidden;" id="lrcContent">
   
7. [00:00.00] 芦花
   
8. [00:03.34] 演唱 : 彭媛
   
9. [00:06.84]LRC歌词编制：竹海人家
   
10. [00:22.03]芦花白 芦花美
    
11. [00:27.22]花絮满天飞
    
12. [00:32.56]千丝万缕意绵绵
    
13. [00:37.87]路上彩云追
    
14. [00:43.17]追过山 追过水
    
15. [00:48.37]花飞为了谁
    
16. [00:53.77]大雁成行人双对
    
17. [00:59.08]相思花为媒
    
18. [01:04.28]情和爱 花为媒
    
19. [01:09.70]千里万里梦相随
    
20. [01:15.10]莫问故乡秋光好
    
21. [01:20.24]早戴红花报春晖
    
22. [01:25.48]情和爱 花为媒
    
23. [01:30.87]千里万里梦相随
    
24. [01:36.21]莫问故乡秋光好
    
25. [01:41.41]早戴红花报春晖
    
26. [01:57.40]芦花白 芦花美
    
27. [02:02.53]花絮满天飞
    
28. [02:07.89]千丝万缕意绵绵
    
29. [02:13.23]路上彩云追
    
30. [02:18.56]追过山 追过水
    
31. [02:23.69]花飞为了谁
    
32. [02:29.09]大雁成行人双对
    
33. [02:34.34]相思花为媒
    
34. [02:39.67]情和爱 花为媒
    
35. [02:45.07]千里万里梦相随
    
36. [02:50.32]莫问故乡秋光好
    
37. [02:55.55]早戴红花报春晖
    
38. [03:00.71]情和爱 花为媒
    
39. [03:06.14]千里万里梦相随
    
40. [03:11.54]莫问故乡秋光好
    
41. [03:16.79]早戴红花报春晖
    
42. [03:22.38]莫忘故乡秋光好
    
43. [03:27.35]早戴红花报春晖
    
44. </textarea>
    
45. 
    
46. <script type="text/javascript">
    
47. eval(function(p,a,c,k,e,r){e=function(c){return(c<62?'':e(parseInt(c/62)))+((c=c%62)>35?String.fromCharCode(c+29):c.toString(36))};if('0'.replace(0,e)==0){while(c--)r[e(c)]=k[c];k=[function(e){return r[e]||e}];e=function(){return'([4-9cefh-jlo-qs-zA-Z]|1\\w)'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('F G=c(){N 4.O.apply(4,arguments)};G.prototype={constructor:G,O:c(5){4.f=new Array();4.H=u.P(5.lrcTxtID);v=4.H.I;4.9=u.P(5.lrcShowID);4.9.8.Q=5.R?5.R:\'1em\';4.9.8.fontFamily=5.S?5.S:\'微软雅黑\';4.9.8.fontWeight=5.gcct?\'bold\':\'normal\';4.9.8.T=5.U?5.U:\'center\';4.9.8.V=5.W?5.W:\'gray\';4.9.8.cursor=\'pointer\';w=5.w?5.w:\'red\';l=5.X?5.X:0;4.J=5.Y?5.Y:1;4.Z=5.11?5.11:o;4.12(v);4.13(l,5.i);4.14(5.audioURL)},13:c(l,i){x(k=0;k<4.J;k++){h=u.15("16");h.8.17="block";h.8.marginBottom=\'4px\';e(k==0){h.8.V=w;h.8.Q=\'120%\';e(i){p=\'0 -y z \'+i+\',\';p+=\'-y 0 z \'+i+\',\';p+=\'y 0 z \'+i+\',\';p+=\'0 y z \'+i;h.8.textShadow=p}}e(l!=0)h.8.T="left";4.9.18(h)}e(l!=0){4.9.8.writingMode=\'tb-A\';4.9.8.msWritingMode=\'tb-A\';4.9.8.mozWritingMode=\'1a-A\';4.9.8.webkitWritingMode=\'1a-A\'}},12:c(v){F q=v.1b(/\\r|\\n|\\r\\n/);x(n=0;n<q.s;n++){B=q[n].match(/\\[\\d{1,2}:\\d{2}.\\d{1,3}\\]/g);e(B){K=q[n].lastIndexOf(\']\');e(K>0)1c=q[n].1d(K+1);x(m=0;m<B.s;m++){C=B[m].1d(1).replace(\']\',\'\').1b(/:|\\./);L=parseFloat(1e(C[0],10)*60+1e(C[1],10)+\'.\'+C[2],10);e(4.f.s==0&&L!=0){4.f.1f([0,\'\\u0026\\u0023\\u0031\\u0036\\u0039\\u003b\\u0020\\u4e5f\\u66fe\\u5e74\\u8f7b\'])}4.f.1f([L,1c])}}}4.f.sort(c(a,b){N(a[0]-b[0])})},14:c(1g){4.7=u.15("1h");4.7.loop=o;4.7.muted=o;4.7.src=1g;4.7.D=1i;4.7.8.opacity=0.3;4.9.18(4.7);F 6=4;4.j=0;4.7.t(\'ended\',c(){6.j=0;6.H.I=\'\';e(6.Z)6.7.E();1j{6.7.D=1i}});4.7.t(\'playing\',c(){6.7.D=o});4.7.t(\'error\',c(){1k.1l("1h wrong, remove E start event");6.9.8.17=\'none\';6.9.removeChild(4)});4.7.t(\'timeupdate\',c(){e(6.j<6.f.s){e(4.currentTime>6.f[6.j][0]){M=6.j;1m=6.9.getElementsByTagName(\'16\');x(k=0;k<6.J;k++){1m[k].I=(M+k)>=6.f.s?"":6.f[M+k][1]}6.j++}}});4.9.t(\'click\',c(){e(6.7.paused){6.7.E()}1j{6.7.1n()}});try{4.7.E()}catch(1o){1k.1l(1o.message)}},stopMusic:c(){4.7.1n();4.7.D=o;4.7=null},};',[],87,'||||this|opts|that|mObj|style|showLrcObj|||function||if|lrcVec||sItem|shys|idx||sMode|||false|shadowStr|lyriclist||length|addEventListener|document|lyricTxt|gcys|for|1px|0px|rl|chkTime|ta|controls|play|var|lrcPlayer|lyricTxtObj|innerHTML|sLine|tIdx|_t|_idx|return|init|getElementById|fontSize|gczh|gczt|textAlign|dqfs|color|gcys1|showMode|gchs|isLoop||playLoop|handleLrc|prepareShow|genPlayer|createElement|span|display|appendChild||vertical|split|lrcTxt|substr|parseInt|push|mUrl|audio|true|else|console|log|_spans|pause|err'.split('|'),0,{}))
    
48. 
    
49. var opts = {
    
50. lrcTxtID:'lrcContent',                        //        放置LRC的textarea标签的ID        
    
51. lrcShowID:"layer",                                //        显示歌词的标签ID        
    
52. audioURL:"https://music.163.com/song/media/outer/url?id=1321442849.mp3",                                        //        
    
53. 
    
54. gczh:'42px',                //        歌词字体大小
    
55. gczt:'楷体',                //        歌词字体, 若无此参数默认为微软雅黑                                
    
56. gcys:'#FFFF00',                        //        当前歌词显示红色               
    
57. gcys1:'yellow',                //        后续歌词显示颜色               
    
58. shys:'#FF00FF',                //        歌词描边色，若无此参数则无描边
    
59. gcct:true,                        //        歌词是否加粗                        
    
60. dqfs:'center',                //        歌词显示对齐方式，若无此参数默认居中对齐        
    
61.                                        
    
62. showMode:0,                        //        横排(0)或竖排(1)，若无此参数默认横排               
    
63. playLoop:true,                //        是否循环播放，若无此参数默认播放一次        
    
64. gchs: 1                                //        显示歌词行（列）数，默认为1行
    
65. };
    
66. var km = new lrcPlayer(opts);
    
67. 
    
68. </script>

复制代码