设为首页收藏本站
切换到宽版

可爱老人网

 找回密码
 注册会员
报到实习┊可爱家园┊老人茶座┊心灵港湾┊文史漫谈┊菩提树下┊电脑手机┊美食厨艺┊健康老人┊投资理财┊征婚交友 ┊我爱我家┊网海拾贝
原创文学┊诗词雅苑┊金石书画┊摄影天地┊文物收藏┊运动健身┊畅游天下┊开心一刻┊可爱贴图┊影音欣赏┊网站事务 ┊版主交流┊精华旧帖

搜索
可爱老人网»社区 › ◆休闲娱乐◆ › 【影音欣赏】 › 鸟语花香
12345678下一页
返回列表 发新帖
楼主: 夕阳黄昏

鸟语花香

[复制链接]
醉美水芙蓉
发表于 2022-4-29 21:50 | 显示全部楼层
夕阳黄昏 发表于 2022-4-29 08:34
本帖最后由 夕阳黄昏 于 2022-4-29 08:37 编辑

第一次打开画面出来可能较慢， 刷新一下。

老师我加了边框为啥播放器不显示歌词同步？http://bbs.cnzv.cc/pan/qun915306 ... a9b66d88ea25aa.html
回复 支持 反对

举报

翁奕童苑
发表于 2022-4-29 22:55 | 显示全部楼层

 

 

回复 支持 反对

举报

一个老者
发表于 2022-4-30 13:25 | 显示全部楼层
老师的鸟语花香音画很美！
回复 支持 反对

举报

夕阳黄昏
 楼主| 发表于 2022-4-30 21:51 | 显示全部楼层
醉美水芙蓉 发表于 2022-4-29 21:50
老师我加了边框为啥播放器不显示歌词同步？http://bbs.cnzv.cc/pan/qun915306 ... a9b66d88ea25aa.html
  1. <link rel="stylesheet" type="text/css" href="http://cesholl.cn3v.work/sstyle/lrcPlayerX.min.css">
  2. <div style="width:1000px;margin:10px 0 32px -180px;;overflow:hidden;border-radius:24px;position:relative;box-shadow: 0px 0px 0px 2px #cccccc, 0px 0px 0px 15px #880000;">
  3. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 720 500">
  4. <defs>

  6. <pattern id="pm8" width="50" height="50" patternUnits="userSpaceOnUse">
  7. <rect x="0" y="0" width="0" height="50" fill="white">
  8. <animate attributeName="width" from="0" to="50" begin="bpic0.begin;bpic2.begin;bpic4.begin;bpic6.begin;bpic8.begin;bpic10.begin;bpic12.begin;bpic14.begin;bpic16.begin;bpic18.begin;bpic20.begin;bpic22.begin;bpic24.begin;bpic26.begin;" dur="3" fill="freeze"></animate>
  9. </rect>
  10. </pattern>
  11. <mask id="mask8" x="0" y="0" width="720" height="500">
  12. <rect y="0" width="720" height="500" style="fill:url(#pm8)"></rect>
  13. </mask>
  14. <pattern id="pm9" width="50" height="50" patternUnits="userSpaceOnUse">  
  15. <rect x="0" y="0" width="50" height="0" fill="white">
  16. <animate attributeName="height" from="0" to="50" begin="bpic1.begin;bpic3.begin;bpic5.begin;bpic7.begin;bpic9.begin;bpic11.begin;bpic13.begin;bpic15.begin;bpic17.begin;bpic19.begin;bpic21.begin;bpic23.begin;bpic25.begin;" dur="3" fill="freeze"></animate>
  17. </rect>
  18. </pattern>
  19. <mask id="mask9" x="0" y="0" width="720" height="500">
  20. <rect y="0" width="720" height="500" style="fill:url(#pm9)"></rect>
  21. </mask>
  22. </defs>
  23. <g id="g12">
  24. <image xlink:href="http://www.keai99.com/data/attachment/forum/202202/12/232722g5aawxz3mrn85n0x.jpg" opacity="0" x="0" y="0" width="720" height="500" preserveAspectRatio="none" mask="url(#mask8)">
  25. <animate id="bpic0" attributeName="opacity" from="0" to="1" begin="0;epic26.end-3" dur="2" fill="freeze"></animate>
  26. <animate id="epic0" attributeName="opacity" from="1" to="0" begin="bpic0.begin+5" dur="2" fill="freeze"></animate>
  27. </image>
  28. <image xlink:href="http://www.keai99.com/data/attachment/forum/202202/12/232723j3lml2x3f4tayag7.jpg" opacity="0" x="0" y="0" width="720" height="500" preserveAspectRatio="none" mask="url(#mask9)">
  29. <animate id="bpic1" attributeName="opacity" from="0" to="1" begin="epic0.end-3" dur="2" fill="freeze"></animate>
  30. <animate id="epic1" attributeName="opacity" from="1" to="0" begin="bpic1.begin+5" dur="2" fill="freeze"></animate>
  31. </image>
  32. <image xlink:href="http://www.keai99.com/data/attachment/forum/202202/12/232723u1q2786wawfw07ql.jpg" opacity="0" x="0" y="0" width="720" height="500" preserveAspectRatio="none" mask="url(#mask8)">
  33. <animate id="bpic2" attributeName="opacity" from="0" to="1" begin="epic1.end-3" dur="2" fill="freeze"></animate>
  34. <animate id="epic2" attributeName="opacity" from="1" to="0" begin="bpic2.begin+5" dur="2" fill="freeze"></animate>
  35. </image>
  36. <image xlink:href="http://www.keai99.com/data/attachment/forum/202202/12/232723kp5phphs3zpp7vpz.jpg" opacity="0" x="0" y="0" width="720" height="500" preserveAspectRatio="none" mask="url(#mask9)">
  37. <animate id="bpic3" attributeName="opacity" from="0" to="1" begin="epic2.end-3" dur="2" fill="freeze"></animate>
  38. <animate id="epic3" attributeName="opacity" from="1" to="0" begin="bpic3.begin+5" dur="2" fill="freeze"></animate>
  39. </image>
  40. <image xlink:href="http://www.keai99.com/data/attachment/forum/202202/12/232723ylph2yii0jjq0qi0.jpg" opacity="0" x="0" y="0" width="720" height="500" preserveAspectRatio="none" mask="url(#mask8)">
  41. <animate id="bpic4" attributeName="opacity" from="0" to="1" begin="epic3.end-3" dur="2" fill="freeze"></animate>
  42. <animate id="epic4" attributeName="opacity" from="1" to="0" begin="bpic4.begin+5" dur="2" fill="freeze"></animate>
  43. </image>
  44. <image xlink:href="http://www.keai99.com/data/attachment/forum/202202/12/232723o4484fgpiaxpz4ec.jpg" opacity="0" x="0" y="0" width="720" height="500" preserveAspectRatio="none" mask="url(#mask9)">
  45. <animate id="bpic5" attributeName="opacity" from="0" to="1" begin="epic4.end-3" dur="2" fill="freeze"></animate>
  46. <animate id="epic5" attributeName="opacity" from="1" to="0" begin="bpic5.begin+5" dur="2" fill="freeze"></animate>
  47. </image>
  48. <image xlink:href="http://www.keai99.com/data/attachment/forum/202202/12/232724t2ql7zlcngb3z0cu.jpg" opacity="0" x="0" y="0" width="720" height="500" preserveAspectRatio="none" mask="url(#mask8)">
  49. <animate id="bpic6" attributeName="opacity" from="0" to="1" begin="epic5.end-3" dur="2" fill="freeze"></animate>
  50. <animate id="epic6" attributeName="opacity" from="1" to="0" begin="bpic6.begin+5" dur="2" fill="freeze"></animate>
  51. </image>
  52. <image xlink:href="http://www.keai99.com/data/attachment/forum/202202/12/232724qqkfduhr6fhg7tag.jpg" opacity="0" x="0" y="0" width="720" height="500" preserveAspectRatio="none" mask="url(#mask9)">
  53. <animate id="bpic7" attributeName="opacity" from="0" to="1" begin="epic6.end-3" dur="2" fill="freeze"></animate>
  54. <animate id="epic7" attributeName="opacity" from="1" to="0" begin="bpic7.begin+5" dur="2" fill="freeze"></animate>
  55. </image>
  56. <image xlink:href="http://www.keai99.com/data/attachment/forum/202202/12/232724j5hvv3hzmi50fg6h.jpg" opacity="0" x="0" y="0" width="720" height="500" preserveAspectRatio="none" mask="url(#mask8)">
  57. <animate id="bpic8" attributeName="opacity" from="0" to="1" begin="epic7.end-3" dur="2" fill="freeze"></animate>
  58. <animate id="epic8" attributeName="opacity" from="1" to="0" begin="bpic8.begin+5" dur="2" fill="freeze"></animate>
  59. </image>
  60. <image xlink:href="http://www.keai99.com/data/attachment/forum/202202/12/232724uczcavsnav2vahoa.jpg" opacity="0" x="0" y="0" width="720" height="500" preserveAspectRatio="none" mask="url(#mask9)">
  61. <animate id="bpic9" attributeName="opacity" from="0" to="1" begin="epic8.end-3" dur="2" fill="freeze"></animate>
  62. <animate id="epic9" attributeName="opacity" from="1" to="0" begin="bpic9.begin+5" dur="2" fill="freeze"></animate>
  63. </image>
  64. <image xlink:href="http://www.keai99.com/data/attachment/forum/202202/12/232724pogrrddng9rtjc4a.jpg" opacity="0" x="0" y="0" width="720" height="500" preserveAspectRatio="none" mask="url(#mask8)">
  65. <animate id="bpic10" attributeName="opacity" from="0" to="1" begin="epic9.end-3" dur="2" fill="freeze"></animate>
  66. <animate id="epic10" attributeName="opacity" from="1" to="0" begin="bpic10.begin+5" dur="2" fill="freeze"></animate>
  67. </image>
  68. <image xlink:href="http://www.keai99.com/data/attachment/forum/202202/12/232725dmjr3bte43bnbeb3.jpg" opacity="0" x="0" y="0" width="720" height="500" preserveAspectRatio="none" mask="url(#mask9)">
  69. <animate id="bpic11" attributeName="opacity" from="0" to="1" begin="epic10.end-3" dur="2" fill="freeze"></animate>
  70. <animate id="epic11" attributeName="opacity" from="1" to="0" begin="bpic11.begin+5" dur="2" fill="freeze"></animate>
  71. </image>
  72. <image xlink:href="http://www.keai99.com/data/attachment/forum/202202/12/232725xi5lii6q846yj5al.jpg" opacity="0" x="0" y="0" width="720" height="500" preserveAspectRatio="none" mask="url(#mask8)">
  73. <animate id="bpic12" attributeName="opacity" from="0" to="1" begin="epic11.end-3" dur="2" fill="freeze"></animate>
  74. <animate id="epic12" attributeName="opacity" from="1" to="0" begin="bpic12.begin+5" dur="2" fill="freeze"></animate>
  75. </image>
  76. <image xlink:href="http://www.keai99.com/data/attachment/forum/202202/12/232725o5ssa5m7o9e77m0r.jpg" opacity="0" x="0" y="0" width="720" height="500" preserveAspectRatio="none" mask="url(#mask9)">
  77. <animate id="bpic13" attributeName="opacity" from="0" to="1" begin="epic12.end-3" dur="2" fill="freeze"></animate>
  78. <animate id="epic13" attributeName="opacity" from="1" to="0" begin="bpic13.begin+5" dur="2" fill="freeze"></animate>
  79. </image>
  80. <image xlink:href="http://www.keai99.com/data/attachment/forum/202202/12/232725p5zz5q35lv9rv489.jpg" opacity="0" x="0" y="0" width="720" height="500" preserveAspectRatio="none" mask="url(#mask8)">
  81. <animate id="bpic14" attributeName="opacity" from="0" to="1" begin="epic13.end-3" dur="2" fill="freeze"></animate>
  82. <animate id="epic14" attributeName="opacity" from="1" to="0" begin="bpic14.begin+5" dur="2" fill="freeze"></animate>
  83. </image>
  84. <image xlink:href="http://www.keai99.com/data/attachment/forum/202202/12/232725d1ew9wp1t3p55e75.jpg" opacity="0" x="0" y="0" width="720" height="500" preserveAspectRatio="none" mask="url(#mask9)">
  85. <animate id="bpic15" attributeName="opacity" from="0" to="1" begin="epic14.end-3" dur="2" fill="freeze"></animate>
  86. <animate id="epic15" attributeName="opacity" from="1" to="0" begin="bpic15.begin+5" dur="2" fill="freeze"></animate>
  87. </image>
  88. <image xlink:href="http://www.keai99.com/data/attachment/forum/202202/12/232726iyqg9cwccrdxv9we.jpg" opacity="0" x="0" y="0" width="720" height="500" preserveAspectRatio="none" mask="url(#mask8)">
  89. <animate id="bpic16" attributeName="opacity" from="0" to="1" begin="epic15.end-3" dur="2" fill="freeze"></animate>
  90. <animate id="epic16" attributeName="opacity" from="1" to="0" begin="bpic16.begin+5" dur="2" fill="freeze"></animate>
  91. </image>
  92. <image xlink:href="http://www.keai99.com/data/attachment/forum/202202/12/232726dttkkh1bztttowbu.jpg" opacity="0" x="0" y="0" width="720" height="500" preserveAspectRatio="none" mask="url(#mask9)">
  93. <animate id="bpic17" attributeName="opacity" from="0" to="1" begin="epic16.end-3" dur="2" fill="freeze"></animate>
  94. <animate id="epic17" attributeName="opacity" from="1" to="0" begin="bpic17.begin+5" dur="2" fill="freeze"></animate>
  95. </image>
  96. <image xlink:href="http://www.keai99.com/data/attachment/forum/202202/12/232726ynckncfea4kz0vfg.jpg" opacity="0" x="0" y="0" width="720" height="500" preserveAspectRatio="none" mask="url(#mask8)">
  97. <animate id="bpic18" attributeName="opacity" from="0" to="1" begin="epic17.end-3" dur="2" fill="freeze"></animate>
  98. <animate id="epic18" attributeName="opacity" from="1" to="0" begin="bpic18.begin+5" dur="2" fill="freeze"></animate>
  99. </image>
  100. <image xlink:href="http://www.keai99.com/data/attachment/forum/202202/12/232726fgu1y99u5zk6b5oz.jpg" opacity="0" x="0" y="0" width="720" height="500" preserveAspectRatio="none" mask="url(#mask9)">
  101. <animate id="bpic19" attributeName="opacity" from="0" to="1" begin="epic18.end-3" dur="2" fill="freeze"></animate>
  102. <animate id="epic19" attributeName="opacity" from="1" to="0" begin="bpic19.begin+5" dur="2" fill="freeze"></animate>
  103. </image>
  104. <image xlink:href="http://www.keai99.com/data/attachment/forum/202202/12/232726lcine0ce6im6g0mc.jpg" opacity="0" x="0" y="0" width="720" height="500" preserveAspectRatio="none" mask="url(#mask8)">
  105. <animate id="bpic20" attributeName="opacity" from="0" to="1" begin="epic19.end-3" dur="2" fill="freeze"></animate>
  106. <animate id="epic20" attributeName="opacity" from="1" to="0" begin="bpic20.begin+5" dur="2" fill="freeze"></animate>
  107. </image>
  108. <image xlink:href="http://www.keai99.com/data/attachment/forum/202202/12/232726s9l4t2n2dl47wlbn.jpg" opacity="0" x="0" y="0" width="720" height="500" preserveAspectRatio="none" mask="url(#mask9)">
  109. <animate id="bpic21" attributeName="opacity" from="0" to="1" begin="epic20.end-3" dur="2" fill="freeze"></animate>
  110. <animate id="epic21" attributeName="opacity" from="1" to="0" begin="bpic21.begin+5" dur="2" fill="freeze"></animate>
  111. </image>
  112. <image xlink:href="http://www.keai99.com/data/attachment/forum/202202/12/232727hcikvyoe10ywewv1.jpg" opacity="0" x="0" y="0" width="720" height="500" preserveAspectRatio="none" mask="url(#mask8)">
  113. <animate id="bpic22" attributeName="opacity" from="0" to="1" begin="epic21.end-3" dur="2" fill="freeze"></animate>
  114. <animate id="epic22" attributeName="opacity" from="1" to="0" begin="bpic22.begin+5" dur="2" fill="freeze"></animate>
  115. </image>
  116. <image xlink:href="http://www.keai99.com/data/attachment/forum/202202/12/232727sk30ghh39ht51v10.jpg" opacity="0" x="0" y="0" width="720" height="500" preserveAspectRatio="none" mask="url(#mask9)">
  117. <animate id="bpic23" attributeName="opacity" from="0" to="1" begin="epic22.end-3" dur="2" fill="freeze"></animate>
  118. <animate id="epic23" attributeName="opacity" from="1" to="0" begin="bpic23.begin+5" dur="2" fill="freeze"></animate>
  119. </image>
  120. <image xlink:href="http://www.keai99.com/data/attachment/forum/202202/12/232727q03no91ooa43ha99.jpg" opacity="0" x="0" y="0" width="720" height="500" preserveAspectRatio="none" mask="url(#mask8)">
  121. <animate id="bpic24" attributeName="opacity" from="0" to="1" begin="epic23.end-3" dur="2" fill="freeze"></animate>
  122. <animate id="epic24" attributeName="opacity" from="1" to="0" begin="bpic24.begin+5" dur="2" fill="freeze"></animate>
  123. </image>
  124. <image xlink:href="http://www.keai99.com/data/attachment/forum/202202/12/232727yq4xc4uw9qmzubmc.jpg" opacity="0" x="0" y="0" width="720" height="500" preserveAspectRatio="none" mask="url(#mask9)">
  125. <animate id="bpic25" attributeName="opacity" from="0" to="1" begin="epic24.end-3" dur="2" fill="freeze"></animate>
  126. <animate id="epic25" attributeName="opacity" from="1" to="0" begin="bpic25.begin+5" dur="2" fill="freeze"></animate>
  127. </image>
  128. <image xlink:href="http://www.keai99.com/data/attachment/forum/202202/12/232727mpxp2v2ycsh30s57.jpg" opacity="0" x="0" y="0" width="720" height="500" preserveAspectRatio="none" mask="url(#mask8)">
  129. <animate id="bpic26" attributeName="opacity" from="0" to="1" begin="epic25.end-3" dur="2" fill="freeze"></animate>
  130. <animate id="epic26" attributeName="opacity" from="1" to="0" begin="bpic26.begin+5" dur="2" fill="freeze"></animate>
  131. </image>
  132. </g>
  133. </svg>
  134. <div  class="lrcShow" id='sLRC' ></div>
  135.         <div  id="mDisk" class='mCtrl'></div>
  136. </div>

  138. <script type="text/javascript">
  139. document.write('<script src="http://cesholl.cn3v.work/scripts/lrcPlayerX.min.js" type="text/javascript" charset="utf-8"><\/script>');
  140. </script>

  142. <script type="text/javascript">
  143. //        LRC歌词放在这里
  144. var lrc = `
  145. [00:00.00]胡蜜丹 - 鸟儿对花说
  146. [00:02.84]作词：刘海东
  147. [00:04.38]作曲：刘海东
  148. [00:05.40]编曲：冯丹
  149. [00:06.58]电吹管：音乐老鸟
  150. [00:08.36]笛子：丁晓逵
  151. [00:09.43]伴唱：凌菲
  152. [00:11.02]录音：蔡丰远
  153. [00:12.20]混音：苏洲
  154. [00:13.17]制作人：冯丹
  155. [00:14.40]发行人：一阳
  156. [00:15.89]出品：金色梦想（安徽）
  157. [00:18.44]文化传媒有限公司
  158. [00:20.53]LRC编辑：醉美水芙蓉
  159. [00:35.78]鸟儿对花儿说
  160. [00:38.79]它也爱唱情歌
  161. [00:42.21]花儿又对谁说
  162. [00:45.59]鸟儿飞来过
  163. [00:49.11]你对我怎么说
  164. [00:52.33]是不是还爱我
  165. [00:55.90]每当月圆的时候
  166. [00:59.32]越想越寂寞
  167. [01:02.75]你还会不会是我的
  168. [01:05.91]那么说好的真爱呢
  169. [01:09.31]总是一厢情愿地以为
  170. [01:12.94]以为这段情
  171. [01:15.09]就一定有结果
  172. [01:47.39]鸟儿对花儿说
  173. [01:50.81]它也爱唱情歌
  174. [01:54.21]花儿又对谁说
  175. [01:57.64]鸟儿飞来过
  176. [02:01.10]你对我怎么说
  177. [02:04.46]是不是还爱我
  178. [02:07.99]每当月圆的时候
  179. [02:11.40]越想越寂寞
  180. [02:14.87]可我依然还是你的
  181. [02:17.87]从来都没有变过
  182. [02:21.35]因为值得所以才执着
  183. [02:24.72]看来注定没有选择
  184. [02:32.10]鸟儿对花儿说
  185. [02:35.52]它也爱唱情歌
  186. [02:38.83]花儿又对谁说
  187. [02:42.25]鸟儿飞来过
  188. [02:45.82]你对我怎么说
  189. [02:49.13]是不是还爱我
  190. [02:52.56]每当月圆的时候
  191. [02:55.98]越想越寂寞
  192. [02:59.45]每当月圆的时候
  193. [03:02.86]哪里是小爱河
  194. [03:08.56]谢谢欣赏！`;
  195. var opts = {
  196.         lrcTxt:lrc,
  197.         lrcShowID:'sLRC',
  198.         audioCtrl:'mDisk',
  199.         //        歌曲MP3链接放这里
  200.         audioURL:'http://url.amp3a.com/kuwo.php/86914510.mp3'
  201. };

  203. new lrcPlayerX(opts);

  205. </script>
复制代码
回复 支持 反对

举报

夕阳黄昏
 楼主| 发表于 2022-4-30 21:53 | 显示全部楼层
一个老者 发表于 2022-4-30 13:25
老师的鸟语花香音画很美！


回复 支持 反对

举报

秋思梦景
发表于 2022-5-1 07:01 | 显示全部楼层
回复 支持 反对

举报

一师
发表于 2022-5-1 07:20 | 显示全部楼层
欣赏老师佳作！祝老师五一快乐！
回复 支持 反对

举报

夕阳黄昏
 楼主| 发表于 2022-5-1 07:50 | 显示全部楼层
秋思梦景 发表于 2022-5-1 07:01

回复 支持 反对

举报

夕阳黄昏
 楼主| 发表于 2022-5-1 07:51 | 显示全部楼层
一师 发表于 2022-5-1 07:20
欣赏老师佳作！祝老师五一快乐！

回复 支持 反对

举报

醉美水芙蓉
发表于 2022-5-1 16:24 | 显示全部楼层
翁奕童苑 发表于 2022-4-29 22:55
&nbsp;

&nbsp;

谢谢老师指导！
回复 支持 反对

举报

下一页 »
12345678下一页
返回列表 发新帖
　　 　　 　　
下一页 发布主题 快速回复

手机版|公众号|小黑屋|可爱老人网

GMT+8, 2025-2-7 20:36

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表