可爱老人网

 找回密码
 注册会员
搜索
楼主: 夕阳黄昏

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

[复制链接]
 楼主| 发表于 2022-3-25 09:56 | 显示全部楼层
廖若晨星 发表于 2022-3-25 09:54
欣赏夕阳黄昏老师的音画歌曲: 仿《醉美水芙蓉》网友帖---我在人海遇见你. 上午好


本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册会员

x
发表于 2022-3-25 10:28 | 显示全部楼层
本帖最后由 执著 于 2022-3-25 10:36 编辑

老师,我。。。,您给我编辑一下吧,只应许出现代码。我不会弄。谢谢老师
发表于 2022-3-25 10:34 | 显示全部楼层
静悟 发表于 2022-3-25 08:59
老师可能没有把代码复全。再仔细看看。

我也搞不明白哪里出问题了。
发表于 2022-3-25 10:35 | 显示全部楼层
湛蓝 发表于 2022-3-25 09:27
四楼的帖子使得网页变形了

不知道哪里出的问题
发表于 2022-3-25 10:40 | 显示全部楼层
欣赏佳作 - 赞!
 楼主| 发表于 2022-3-25 10:41 | 显示全部楼层


发表于 2022-3-25 10:43 | 显示全部楼层
执著 发表于 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. <div id="outblk">
  22. <video src="https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/3c6a1e21145f574d42e4be80c5d81c57_preview.mp4"
  23. id="dt"  muted autoplay></video>
  24. <video src="https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/3f5833bcc00e9b713a7ce731c3a90d38_preview.mp4"
  25. id="tp" muted autoplay></video>

  26.     <div id="rdisk" style="position:absolute;left:10px;bottom:10px;"></div>
  27.     <div id="LRCShow" style="width:65%;position:absolute;left:100px;bottom:10px;">>
  28.          <span id="musickrc01" style="font-size:3em;"></span>
  29.          <br style="clear:both;">
  30.          <span id="musickrc02" style="font-size:2em;"></span>
  31.     </div>

  32. </div>
  33. <textarea id="lrc_content" style="visibility:hidden;">
  34. [00:00.00]王韵 - 我在人海遇见你 (DJ版)
  35. [00:00.42]作词:彭思文
  36. [00:00.62]作曲:彭思文
  37. [00:02.49][01:47.12][03:09.68][03:49.50]我在人海遇见你
  38. [00:04.64][01:49.59][03:12.15][03:52.06]却又转身不见你
  39. [00:07.28][01:52.17][03:14.72][03:54.63]多少话
  40. [00:08.39][01:53.40][03:15.92][03:55.88]还没出口只剩叹息
  41. [00:12.12][01:57.08][03:19.60][04:00.28]大风大浪成往昔
  42. [00:14.59][01:59.68][03:22.10][04:03.09]偏偏就你成了谜
  43. [00:17.46][02:02.27][03:24.95][04:05.68]锁在心底我趟不过去
  44. [00:22.40][02:07.04][03:29.61][04:09.63]修了几世来相遇
  45. [00:24.63][02:09.61][03:32.20][04:12.30]匆匆忙忙就别离
  46. [00:27.22][02:12.37][03:34.81][04:14.82]若来得及
  47. [00:28.83][02:13.75][03:36.24][04:16.16]多想说声喜欢你
  48. [00:32.56][02:17.50][03:39.99][04:19.97]你的情你的意
  49. [00:34.54][02:19.51][03:42.14][04:22.05]今生为谁三万里
  50. [00:37.46][02:22.47][03:44.92]愿你是他满眼的欢喜
  51. [00:45.28]LRC编辑:醉美水芙蓉
  52. [01:02.72]吹过你吹过的风
  53. [01:05.28]算不算和你相拥
  54. [01:07.53]走过你走过的路
  55. [01:09.97]算不算做你的梦
  56. [01:12.50]跨过你跨过的桥
  57. [01:15.06]算不算把你心痛
  58. [01:17.53]翻过你翻过的山
  59. [01:20.06]我以为就是彩虹
  60. [01:24.78][02:47.22]我曾见过的人
  61. [01:27.53][02:50.37]多以礼相送
  62. [01:30.01][02:52.47]我曾去过的海
  63. [01:32.58][02:55.09]也没什么不同
  64. [01:34.66][02:57.22]我曾做过的事
  65. [01:37.66][03:00.33]多普普通通
  66. [01:39.93][03:02.37]我曾撞到万千的美
  67. [01:42.59][03:05.12]却只有你留在了心中
  68. [04:24.93]愿你是他余生的话题
  69. [04:30.28]谢谢欣赏!
  70. </textarea>

  71. <script type="text/javascript">
  72. document.write('<script src="http://cesholl.cn3v.work/scripts/lrcPlayer2.min.js" type="text/javascript" charset="utf-8"><\/script>');
  73. </script>
  74. <script type="text/javascript">
  75. var dts = [
  76. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/3c6a1e21145f574d42e4be80c5d81c57_preview.mp4",
  77. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/61259d2296b121919b503243e171bd37_preview.mp4",
  78. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/scene/49d86f40a389ae3b39a9818fdf16b41d_preview.mp4",
  79. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/scene/3048ccadac0aa39af77752b55726e458_preview.mp4",
  80. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/scene/9a9dae3ffc4d2c8c0c350bffdcfd1d1f_preview.mp4"
  81. ];
  82. var tps = [
  83. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/3f5833bcc00e9b713a7ce731c3a90d38_preview.mp4",
  84. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/scene/0dbe5357c2b1d12188aa258e24687711_preview.mp4",
  85. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/0135bbd36a97756d4b8c7fde87c33efd_preview.mp4",
  86. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/8edf0b2173b58cc8c2eddb3de64f2070_preview.mp4",
  87. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/27c30fee1ffb8c47e9477d1c4c64a818_preview.mp4",
  88. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/scene/a3bfb5843f002e51db4920d75b96bb91_preview.mp4",
  89. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/e3f4791fe291e9adde6a61fcdf0bc824_preview.mp4",
  90. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/ab3c4dcdf625245d97ace90a0f262001_preview.mp4",
  91. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/c8f55c2fd779667044e56e02538c2002_preview.mp4",
  92. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/ff8c2b263ce04047fde08eb5fdae91f1_preview.mp4",
  93. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/1a519417f99dbf304d0048ddf90eacf1_preview.mp4",
  94. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/d5eedb83dfa0119f04df3398aa2bfd43_preview.mp4",
  95. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/d65daad7a579d1fc29a3b0d6a01dcbee_preview.mp4",
  96. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/f565a4aa5750c17c260c1d9f19050e7c_preview.mp4",
  97. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/scene/e92d85e17d878a2e08e19d3c99077a0c_preview.mp4",
  98. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/4f4e58d63abffd0728203e0a9818695a_preview.mp4",
  99. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/d37d550b37c346116182b13aceb47d58_preview.mp4",
  100. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/61a0dfa2894a18d23b1db798ad2bec9a_preview.mp4",
  101. "https://img-baofun.zhhainiao.com/fs/scene/preview_video/38affc2c69d68be013e1ef0873f7b224_preview.mp4",
  102. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/scene/d560d249cc0d5a93dfd89a06231b9bb4_preview.mp4",
  103. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/scene/34e7af8cb85f6dff413de471a28bc8e3_preview.mp4",
  104. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/5f756dea724effb37b93c787a225504e_preview.mp4",
  105. "https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/854e4d2236568b9627d4e8cf6161d75a_preview.mp4"
  106. ];

  107. var dt = document.getElementById('dt');
  108. var tp = document.getElementById('tp');
  109. var dtIdx = 1, tpIdx = 1;

  110. dt.onended = function()        {
  111.         dt.src = dts[dtIdx];
  112.         dtIdx++;
  113.         dtIdx %= dts.length;
  114. }
  115. tp.onended = function()        {
  116.         tp.src = tps[tpIdx];
  117.         tpIdx++;
  118.         tpIdx %= tps.length;
  119. }
  120. var opts = {
  121.                 //        下面4个参数是必须的!
  122.                 lrcTxtID:'lrc_content',
  123.                 lrcShowID:"LRCShow",
  124.                 audioURL:"http://link.hhtjim.com/kw/209503304.mp3",
  125.                 audioCtrl:'rdisk'
  126. };
  127. new lrcPlayer2(opts);

  128. </script >
复制代码


发表于 2022-3-25 10:44 | 显示全部楼层
本帖最后由 静悟 于 2022-3-25 17:12 编辑
执著 发表于 2022-3-25 10:35
不知道哪里出的问题

你仔细看看27楼的代码
发表于 2022-3-25 11:24 | 显示全部楼层
本帖最后由 静悟 于 2022-3-25 17:13 编辑
执著 发表于 2022-3-25 10:35
不知道哪里出的问题

老师,你把27楼的代码复制去换一下试试。
 楼主| 发表于 2022-3-25 11:37 | 显示全部楼层
静悟 发表于 2022-3-25 11:19
本帖最后由 静悟 于 2022-3-25 11:22 编辑

#dt        {

其实我只是想说音画帖并不是非flash不可
        
下一页 发布主题 快速回复

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

GMT+8, 2025-3-16 19:39

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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