仿《醉美水芙蓉》网友帖---我在人海遇见你

夕阳黄昏

廖若晨星 发表于 2022-3-25 09:54
欣赏夕阳黄昏老师的音画歌曲: 仿《醉美水芙蓉》网友帖---我在人海遇见你. 上午好

执著

夕阳黄昏 发表于 2022-3-25 09:18
关闭主帖给你让路

老师，我。。。，您给我编辑一下吧，只应许出现代码。我不会弄。谢谢老师

执著

静悟 发表于 2022-3-25 08:59
老师可能没有把代码复全。再仔细看看。

我也搞不明白哪里出问题了。

执著

湛蓝 发表于 2022-3-25 09:27
四楼的帖子使得网页变形了

不知道哪里出的问题

许森匡.

欣赏佳作 - 赞！

夕阳黄昏

许森匡. 发表于 2022-3-25 10:40
欣赏佳作 - 赞！

静悟

执著 发表于 2022-3-25 10:34
我也搞不明白哪里出问题了。

老师好，别急，刚才试了试老师没有把黄昏老师的代码复全，

1. <link rel="stylesheet" type="text/css" href="http://cesholl.cn3v.work/sstyle/lrcPlayer2.css">
   
2. <style type="text/css">
   
3. #dt        {
   
4.         width:110%;
   
5.         position:absolute;top:-20px;left:0px;
   
6. }
   
7. #tp        {
   
8.         width:110%;position:absolute;top:0px;left:0px;
   
9.         -webkit-mask-image: radial-gradient(black , transparent 67%);
   
10.         -webkit-mask-size: cover;
    
11. }
    
12. #outblk        {
    
13.         width: 1000px;height: 600px;
    
14.         box-shadow:0px 0px 1px 2px #d3c6a6, 0px 0px 0px 20px #880000;
    
15.         overflow:hidden;
    
16.         position:relative;margin:80px auto 16px -180px;
    
17.         background-size:100% 100%;font-size:14px;
    
18.         background-image:url(https://up.enterdesk.com/edpic_source/ab/1a/8d/ab1a8d5db5173aab6a40ede414f428a3.jpg);
    
19. }
    
20. </style>
    
21. 
    
22. <div id="outblk">
    
23. <video src="https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/3c6a1e21145f574d42e4be80c5d81c57_preview.mp4"
    
24. id="dt"  muted autoplay></video>
    
25. <video src="https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/3f5833bcc00e9b713a7ce731c3a90d38_preview.mp4"
    
26. id="tp" muted autoplay></video>
    
27. 
    
28.     <div id="rdisk" style="position:absolute;left:10px;bottom:10px;"></div>
    
29.     <div id="LRCShow" style="width:65%;position:absolute;left:100px;bottom:10px;">>
    
30.          <span id="musickrc01" style="font-size:3em;"></span>
    
31.          <br style="clear:both;">
    
32.          <span id="musickrc02" style="font-size:2em;"></span>
    
33.     </div>
    
34. 
    
35. </div>
    
36. <textarea id="lrc_content" style="visibility:hidden;">
    
37. [00:00.00]王韵 - 我在人海遇见你 (DJ版)
    
38. [00:00.42]作词：彭思文
    
39. [00:00.62]作曲：彭思文
    
40. [00:02.49][01:47.12][03:09.68][03:49.50]我在人海遇见你
    
41. [00:04.64][01:49.59][03:12.15][03:52.06]却又转身不见你
    
42. [00:07.28][01:52.17][03:14.72][03:54.63]多少话
    
43. [00:08.39][01:53.40][03:15.92][03:55.88]还没出口只剩叹息
    
44. [00:12.12][01:57.08][03:19.60][04:00.28]大风大浪成往昔
    
45. [00:14.59][01:59.68][03:22.10][04:03.09]偏偏就你成了谜
    
46. [00:17.46][02:02.27][03:24.95][04:05.68]锁在心底我趟不过去
    
47. [00:22.40][02:07.04][03:29.61][04:09.63]修了几世来相遇
    
48. [00:24.63][02:09.61][03:32.20][04:12.30]匆匆忙忙就别离
    
49. [00:27.22][02:12.37][03:34.81][04:14.82]若来得及
    
50. [00:28.83][02:13.75][03:36.24][04:16.16]多想说声喜欢你
    
51. [00:32.56][02:17.50][03:39.99][04:19.97]你的情你的意
    
52. [00:34.54][02:19.51][03:42.14][04:22.05]今生为谁三万里
    
53. [00:37.46][02:22.47][03:44.92]愿你是他满眼的欢喜
    
54. [00:45.28]LRC编辑：醉美水芙蓉
    
55. [01:02.72]吹过你吹过的风
    
56. [01:05.28]算不算和你相拥
    
57. [01:07.53]走过你走过的路
    
58. [01:09.97]算不算做你的梦
    
59. [01:12.50]跨过你跨过的桥
    
60. [01:15.06]算不算把你心痛
    
61. [01:17.53]翻过你翻过的山
    
62. [01:20.06]我以为就是彩虹
    
63. [01:24.78][02:47.22]我曾见过的人
    
64. [01:27.53][02:50.37]多以礼相送
    
65. [01:30.01][02:52.47]我曾去过的海
    
66. [01:32.58][02:55.09]也没什么不同
    
67. [01:34.66][02:57.22]我曾做过的事
    
68. [01:37.66][03:00.33]多普普通通
    
69. [01:39.93][03:02.37]我曾撞到万千的美
    
70. [01:42.59][03:05.12]却只有你留在了心中
    
71. [04:24.93]愿你是他余生的话题
    
72. [04:30.28]谢谢欣赏！
    
73. </textarea>
    
74. 
    
75. <script type="text/javascript">
    
76. document.write('<script src="http://cesholl.cn3v.work/scripts/lrcPlayer2.min.js" type="text/javascript" charset="utf-8"><\/script>');
    
77. </script>
    
78. <script type="text/javascript">
    
79. var dts = [
    
80. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/3c6a1e21145f574d42e4be80c5d81c57_preview.mp4",
    
81. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/61259d2296b121919b503243e171bd37_preview.mp4",
    
82. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/scene/49d86f40a389ae3b39a9818fdf16b41d_preview.mp4",
    
83. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/scene/3048ccadac0aa39af77752b55726e458_preview.mp4",
    
84. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/scene/9a9dae3ffc4d2c8c0c350bffdcfd1d1f_preview.mp4"
    
85. ];
    
86. var tps = [
    
87. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/3f5833bcc00e9b713a7ce731c3a90d38_preview.mp4",
    
88. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/scene/0dbe5357c2b1d12188aa258e24687711_preview.mp4",
    
89. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/0135bbd36a97756d4b8c7fde87c33efd_preview.mp4",
    
90. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/8edf0b2173b58cc8c2eddb3de64f2070_preview.mp4",
    
91. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/27c30fee1ffb8c47e9477d1c4c64a818_preview.mp4",
    
92. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/scene/a3bfb5843f002e51db4920d75b96bb91_preview.mp4",
    
93. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/e3f4791fe291e9adde6a61fcdf0bc824_preview.mp4",
    
94. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/ab3c4dcdf625245d97ace90a0f262001_preview.mp4",
    
95. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/c8f55c2fd779667044e56e02538c2002_preview.mp4",
    
96. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/ff8c2b263ce04047fde08eb5fdae91f1_preview.mp4",
    
97. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/1a519417f99dbf304d0048ddf90eacf1_preview.mp4",
    
98. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/d5eedb83dfa0119f04df3398aa2bfd43_preview.mp4",
    
99. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/d65daad7a579d1fc29a3b0d6a01dcbee_preview.mp4",
    
100. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/f565a4aa5750c17c260c1d9f19050e7c_preview.mp4",
     
101. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/scene/e92d85e17d878a2e08e19d3c99077a0c_preview.mp4",
     
102. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/4f4e58d63abffd0728203e0a9818695a_preview.mp4",
     
103. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/d37d550b37c346116182b13aceb47d58_preview.mp4",
     
104. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/61a0dfa2894a18d23b1db798ad2bec9a_preview.mp4",
     
105. "https://img-baofun.zhhainiao.com/fs/scene/preview_video/38affc2c69d68be013e1ef0873f7b224_preview.mp4",
     
106. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/scene/d560d249cc0d5a93dfd89a06231b9bb4_preview.mp4",
     
107. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/scene/34e7af8cb85f6dff413de471a28bc8e3_preview.mp4",
     
108. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/5f756dea724effb37b93c787a225504e_preview.mp4",
     
109. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/854e4d2236568b9627d4e8cf6161d75a_preview.mp4"
     
110. ];
     
111. 
     
112. var dt = document.getElementById('dt');
     
113. var tp = document.getElementById('tp');
     
114. var dtIdx = 1, tpIdx = 1;
     
115. 
     
116. dt.onended = function()        {
     
117.         dt.src = dts[dtIdx];
     
118.         dtIdx++;
     
119.         dtIdx %= dts.length;
     
120. }
     
121. tp.onended = function()        {
     
122.         tp.src = tps[tpIdx];
     
123.         tpIdx++;
     
124.         tpIdx %= tps.length;
     
125. }
     
126. var opts = {
     
127.                 //        下面4个参数是必须的！
     
128.                 lrcTxtID:'lrc_content',
     
129.                 lrcShowID:"LRCShow",
     
130.                 audioURL:"http://link.hhtjim.com/kw/209503304.mp3",
     
131.                 audioCtrl:'rdisk'
     
132. };
     
133. new lrcPlayer2(opts);
     
134. 
     
135. </script >

复制代码

静悟

执著 发表于 2022-3-25 10:35
不知道哪里出的问题

你仔细看看27楼的代码

静悟

执著 发表于 2022-3-25 10:35
不知道哪里出的问题

老师，你把27楼的代码复制去换一下试试。

夕阳黄昏

静悟 发表于 2022-3-25 11:19
本帖最后由 静悟 于 2022-3-25 11:22 编辑

#dt        {

其实我只是想说音画帖并不是非flash不可