听雨轩

竹轩听雨

甜心尐猪 发表于 2020-6-2 16:47
真漂亮，谢谢听雨，辛苦了，很早论坛见过类似这样的播放器，后来就没有了，这下可以又学学了，真好

甜心尐猪来了，看小猪朋友也喜欢这种播放器，可可试着用用。遇到问题过来说，随时欢迎。

甜心尐猪

竹轩听雨 发表于 2020-6-3 23:41
甜心尐猪来了，看小猪朋友也喜欢这种播放器，可可试着用用。遇到问题过来说，随时欢迎。

好的，看着好漂亮，谢谢你

竹轩听雨

那边 发表于 2020-6-6 09:41
这些播放器真好看，再想，能不能代码简单一点呢，有时用代码贴时，发现很多都是重复多余的
听雨可以看看这 ...

那边老师来了，先上茶。这种SWF播放器有两种加载音乐的方式，
第一种把一个XML（音乐地址）文件和这个播放器上传到同一目录下，
这需要有允许上传SWF和XML权限空间才可以。
第二种是在调用SWF播放器的网址后面加入音乐地址，
这种播放器也要上传到支持SWF网址后面带参数的服务器，早期我见过的，现在很少看见了。
这种SWF播放器最大的问题是很多手机已经不再支持了，听不到音乐。
第一需要上传权限，第二又不能支持手机，这种SWF播放器慢慢地就很少再用了。
这次我做的这种播放器，已经不是SWF播放器了，实际是HTML5播放器。
代码稍多一点，主要是为了所有喜欢的朋友都能用，想简化也需要有html文件的上传权限。

浅白

那边 发表于 2020-6-6 11:39
明白了，听雨辛苦，我琢磨了一上午觉得搞不懂，放弃了，就用你现成的好了，省心又省事，费事费脑的活儿留 ...

我一直就是拿来主义，哈哈，笨脑子根本想不过来那么复杂的东西

竹轩听雨

七夕——三千情丝初相结 文字/张艺兴 《鹊桥仙》 变体一 琅玕轻步，晓霜微结。庭院子规饶舌。 落花飞絮梦归人，真个是、灯蛾愉悦。 娇牵衿袖，媚如初月。香口合欢休歇。 须知牛女苦相望，君不见、鹊桥重叠。 《鹊桥仙》 变体二 朱楼叶舞，凭栏雨妒，溪里龙虾谁护。 媚姿恭让泥鳅狂，却待得、芙蓉断渡。 伴萤几许，扶星一度，觅鹊桥飞何处。 玉肌寒月会梧桐，算那似、君之约处。 《鹊桥仙》 变体三 柳丝轻吹，海棠轻荡，荡出鸳鸾谁伴。 唤两邻、俏俊语微酸，乐得个、芳邻泪眼。 莺莺燕燕，痴痴憨憨，纵有鹊桥不管。 醉花间、皓月不堪眠，早博得、朱唇艳羡。 《三字令》 香欲去，色痕轻。雨浮青。妆阁掩，镜无莺。 落花风，添蝶梦，枕风铃。 花弄影，别君声。月盈盈。寻旧梦，觅春情。 野蔷开，飞锦带，惹芳卿。 ------杨幂美玉 《鹊桥仙》 变体一 波云缀露，灵河飞雪。巧笑合欢初结。 一期一会恰相逢，又却是、清欢人悦。 暗潮星语，双颦如月。系得心心相说。 此情梦破五更深，魂断处、角声清绝。 《鹊桥仙》 变体二 汀边白鹭，飞来向汝，南海孤帆无数。 酒阑人醉醉江风，若待得、闲中渔趣。 水云远浦，潮来湿雾，借我秋晴迟暮。 不辞灯火夜微明，怕留客，知音未吐。 《鹊桥仙》 变体三 一声横笛，几声蛩唱，滑出新声争啭。 渐韵徐、纸帐染清芬，夜寂寂、歌重几遍？ 溪风漾月，烟波浩渺，归去南飞小燕。 叹飞梭、织梦蝶芳丛，且惜取、花间艳羡。 《三字令》 山叠翠，柳垂青。梦痕轻。花伴月，醉兰庭。 画梅妆，添玉叶，拂琴筝。 犹雨注，似书声。诉真情。春欲尽，夏相迎。 野蔷开，香袅袅，慕芳名。

竹轩听雨

1. <br><br>
   
2. <div align="center">
   
3. <table style="border:1px dotted #513f8b;WIDTH: 680px" cellspacing="0" cellpadding="0" border="0">
   
4. <tbody>
   
5. <tr>
   
6. <td>
   
7. <div align="center">
   
8. <table style="border:2px dotted #513f8b; " cellspacing="0" cellpadding="5" border="0">
   
9. <tbody>
   
10. <tr>
    
11. <td>
    
12. <div align="center">
    
13. <table style="border:1px dotted #513f8b; " cellspacing="0" cellpadding="10" border="0" width="630">
    
14. <tbody>
    
15. <tr>
    
16. <td><div align="center">
    
17. <table border="0" width="680" id="table1" bgcolor="#f4f1fc" cellspacing="1">
    
18. <tbody><tr>
    
19. <td>
    
20. <br/><br/><br/>
    
21. <div align="center"><img width="520" height="354" src="https://img.wyc520.com.cn/data/attachment/forum/202008/22/201016vgp77uggksxuugzm.jpg" border="0"></div>
    
22. 
    
23. <br><br>
    
24. <div style="text-align:justify;">
    
25. <section section style="text-align:center; line-height: 4em;">
    
26. <span style="color: rgb(0, 0, 0); font-family: 微软雅黑, Microsoft YaHei; font-size: 20px;">
    
27. <b>七夕——三千情丝初相结 </b>
    
28. </span></section>
    
29. 
    
30. <section section style="text-align:center; line-height: 2.0em;">
    
31. <span style="color: rgb(0, 0, 0); font-family: 微软雅黑, Microsoft YaHei; font-size: 15px;">
    
32. 文字/张艺兴<br>
    
33. </span></section>
    
34. 
    
35. <section style="line-height: 2.0em; letter-spacing: 1.5px; margin-right: 80px; margin-left: 80px;">
    
36. <span style="color: rgb(0, 0, 0); font-family: 微软雅黑, Microsoft YaHei; font-size: 15px;">
    
37. <br>
    
38. 《鹊桥仙》 变体一<br>
    
39. 琅玕轻步，晓霜微结。庭院子规饶舌。<br>
    
40. 落花飞絮梦归人，真个是、灯蛾愉悦。<br>
    
41. <br>
    
42. 娇牵衿袖，媚如初月。香口合欢休歇。<br>
    
43. 须知牛女苦相望，君不见、鹊桥重叠。<br>
    
44. <br>
    
45. <br>
    
46. 《鹊桥仙》 变体二<br>
    
47. 朱楼叶舞，凭栏雨妒，溪里龙虾谁护。<br>
    
48. 媚姿恭让泥鳅狂，却待得、芙蓉断渡。<br>
    
49. <br>
    
50. 伴萤几许，扶星一度，觅鹊桥飞何处。<br>
    
51. 玉肌寒月会梧桐，算那似、君之约处。<br>
    
52. <br>
    
53. <br>
    
54. 《鹊桥仙》 变体三<br>
    
55. 柳丝轻吹，海棠轻荡，荡出鸳鸾谁伴。<br>
    
56. 唤两邻、俏俊语微酸，乐得个、芳邻泪眼。<br>
    
57. <br>
    
58. 莺莺燕燕，痴痴憨憨，纵有鹊桥不管。<br>
    
59. 醉花间、皓月不堪眠，早博得、朱唇艳羡。<br>
    
60. <br>
    
61. <br>
    
62. 《三字令》<br>
    
63. 香欲去，色痕轻。雨浮青。妆阁掩，镜无莺。<br>
    
64. 落花风，添蝶梦，枕风铃。<br>
    
65. <br>
    
66. 花弄影，别君声。月盈盈。寻旧梦，觅春情。<br>
    
67. 野蔷开，飞锦带，惹芳卿。<br>
    
68. <br>
    
69. <br>
    
70. ------杨幂美玉<br>
    
71. <br>
    
72. <br>
    
73. 《鹊桥仙》 变体一<br>
    
74. 波云缀露，灵河飞雪。巧笑合欢初结。<br>
    
75. 一期一会恰相逢，又却是、清欢人悦。<br>
    
76. <br>
    
77. 暗潮星语，双颦如月。系得心心相说。<br>
    
78. 此情梦破五更深，魂断处、角声清绝。<br>
    
79. <br>
    
80. <br>
    
81. 《鹊桥仙》 变体二<br>
    
82. 汀边白鹭，飞来向汝，南海孤帆无数。<br>
    
83. 酒阑人醉醉江风，若待得、闲中渔趣。<br>
    
84. <br>
    
85. 水云远浦，潮来湿雾，借我秋晴迟暮。<br>
    
86. 不辞灯火夜微明，怕留客，知音未吐。<br>
    
87. <br>
    
88. <br>
    
89. 《鹊桥仙》 变体三<br>
    
90. 一声横笛，几声蛩唱，滑出新声争啭。<br>
    
91. 渐韵徐、纸帐染清芬，夜寂寂、歌重几遍？<br>
    
92. <br>
    
93. 溪风漾月，烟波浩渺，归去南飞小燕。<br>
    
94. 叹飞梭、织梦蝶芳丛，且惜取、花间艳羡。<br>
    
95. <br>
    
96. <br>
    
97. 《三字令》<br>
    
98. 山叠翠，柳垂青。梦痕轻。花伴月，醉兰庭。<br>
    
99. 画梅妆，添玉叶，拂琴筝。<br>
    
100. <br>
     
101. 犹雨注，似书声。诉真情。春欲尽，夏相迎。<br>
     
102. 野蔷开，香袅袅，慕芳名。<br>
     
103. 
     
104. <br>
     
105. <br>
     
106. <div align="center" style="position: relative;">
     
107. <script type="text/javascript">
     
108. document.write("<scr"+"ipt src="http://webftp.bbs.hNol.net/sxrx2016/players/jquery.js"></sc"+"ript>")
     
109. document.write("<scr"+"ipt src="http://webftp.bbs.hNol.net/sxrx2016/players/player.js"></sc"+"ript>")
     
110. document.write("<scr"+"ipt src="http://webftp.bbs.hNol.net/sxrx2016/players/lovers/player/lover.js"></sc"+"ript>")
     
111. </script>
     
112. <link href="http://webftp.bbs.hNol.net/sxrx2016/players/lovers/player/lover.css" rel="stylesheet" type="text/css">
     
113. <div style="margin: 0px auto;">
     
114. <p align="center"><img width="200" height="100" src="http://webftp.bbs.hNol.net/sxrx2016/players/lovers/image/player.png" border="0"></p>
     
115. <embed width="200" height="100" align="center" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://webftp.bbs.hNol.net/sxrx2016/players/lovers/image/flash.swf?url=&amp;bgcolor=000000&amp;color=000000" type="application/x-shockwave-flash" style="left: 50%; top: 50%; margin-top: -50px; margin-left: -100px; position: absolute;" wmode="transparent" invokeurls="false" </embed>
     
116. <div id="lovers" style="left: 50%; top: 50%; width: 100%; height: 100%; margin-top: 0px; margin-left: -100px; display: block; position: absolute;">
     
117.         <ul class="player-audios" style="display: None;">
     
118.              <li data-title="不怨">
     
119.                 <div class="player-source" data-type="audio/mpeg" data-src="https://music.163.com/song/media/outer/url?id=28391357.mp3">
     
120.             </li>
     
121.         </ul>
     
122.     </div>
     
123. </div>
     
124. </div>
     
125. 
     
126. </section>
     
127. <br>
     
128. <br>
     
129. <br>
     
130. <br>
     
131. </tr></tbody></table>
     
132. </div>
     
133. </td></tr></tbody></table></div>
     
134. </td></tr></tbody></table></div>
     
135. </td></tr></tbody></table></div>
     
136. <br><br>

复制代码

竹轩听雨

@蝶洛 @悠忧竹影 @迎雪 @浅风儿 @陌洛儿 @落墨惊云 @浅白 @晴朵 @旷远 @豆儿
原来纤尘发过的边框，可参照上面的代码修改。

竹轩听雨

标题 作者 正文

竹轩听雨

1. <br><br><br>
   
2. <div align="center">
   
3. <table style="POSITION: relative; WIDTH: 700px; border=" 0"="" cellspacing="0" cellpadding="0" id="table1">
   
4. <tbody><tr>
   
5. <td background="https://img.wyc520.com.cn/data/attachment/forum/201904/09/161048mqxutxziuvcexxlu.jpg" height="77">　</td>
   
6. </tr>
   
7. <tr>
   
8. <td background="https://img.wyc520.com.cn/data/attachment/forum/201904/09/161048wmqmfmq4epfymffs.jpg" height="26">
   
9. <div align="center">
   
10. <table style="POSITION: relative; WIDTH: 500px; border=" 0"="" width="500" cellspacing="0" cellpadding="0" id="table2">
    
11. <tbody><tr>
    
12. <td></td>
    
13. </tr>
    
14. </tbody></table>
    
15. <br/>
    
16. <div align="center"><img width="520" height="347" src="https://img.wyc520.com.cn/data/attachment/forum/202006/07/090631x4qzq256cvfvpjbf.jpg" border="0"></div>
    
17. <br><br>
    
18. <div style="text-align:justify;">
    
19. <section section style="text-align:center; line-height: 4em;">
    
20. <span style="color: rgb(0, 0, 0); font-family: 微软雅黑, Microsoft YaHei; font-size: 20px;">
    
21. <b>标题</b>
    
22. </span></section>
    
23. 
    
24. <section section style="text-align:center; line-height: 2.0em;">
    
25. <span style="color: rgb(0, 0, 0); font-family: 微软雅黑, Microsoft YaHei; font-size: 15px;">
    
26. 作者<br>
    
27. </span></section>
    
28. 
    
29. <section style="line-height: 2.0em; letter-spacing: 1.5px; margin-right: 100px; margin-left: 100px;">
    
30. <span style="color: rgb(0, 0, 0); font-family: 微软雅黑, Microsoft YaHei; font-size: 15px;">
    
31. <br>
    
32. 正文
    
33. <br>
    
34. </span></section>
    
35. 
    
36. <br>
    
37. <br>
    
38. <br>
    
39. <div align="center" style="position: relative">
    
40. <script type="text/javascript">
    
41. document.write("<scr"+"ipt src="http://webftp.bbs.hNol.net/sxrx2016/players/jquery.js"></sc"+"ript>")
    
42. document.write("<scr"+"ipt src="http://webftp.bbs.hNol.net/sxrx2016/players/player.js"></sc"+"ript>")
    
43. document.write("<scr"+"ipt src="http://webftp.bbs.hNol.net/sxrx2016/players/fragrance/player/fragrance.js"></sc"+"ript>")
    
44. </script>
    
45. <link rel="stylesheet" type="text/css" href="http://webftp.bbs.hNol.net/sxrx2016/players/fragrance/player/fragrance.css">
    
46. <div style="margin:0px auto;">
    
47. <p align="center"><img width="230" height="110" src="http://webftp.bbs.hNol.net/sxrx2016/players/fragrance/image/player.png" border="0"></p>
    
48. <embed width="230" height="110" align="center" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://webftp.bbs.hNol.net/sxrx2016/players/fragrance/image/flash.swf?url=&amp;bgcolor=000000&amp;color=000000" type="application/x-shockwave-flash" style="left: 50%; top: 50%; margin-top: -55px; margin-left: -115px; position: absolute;" wmode="transparent" invokeurls="false" </embed>
    
49. <div id="fragrances" style="left: 50%; top: 50%; width: 100%; height: 100%; margin-top: 0px; margin-left: -115px; display: block; position: absolute;">
    
50.         <ul class="player-audios" style="display:None;">
    
51.             <li data-artist="" data-title="music" data-album="" data-info="" data-image="" data-duration="0">
    
52.                 <div class="player-source" data-src="http://music.mp3" data-type="audio/mpeg" />
    
53.             </li>
    
54.         </ul>
    
55.     </div>
    
56. </div>
    
57. </div>
    
58. 
    
59. <br>
    
60. <br>
    
61. <br>
    
62. </div></td>
    
63. </tr>
    
64. <tr>
    
65. <td background="https://img.wyc520.com.cn/data/attachment/forum/201904/09/161049pxo556qltlc5q5xl.jpg" height="77">　</td>
    
66. </tr>
    
67. </tbody></table>
    
68. </div><br><br><br>

复制代码

竹轩听雨

标题 作者 正文