晓哥 发表于 2023-6-1 09:29

怀旧粤语经典《相逢在雨中》

本帖最后由 晓哥 于 2023-6-1 09:37 编辑 <br /><br /><script><!--
document.write(unescape("%3Cdiv%20style%3D%22position%3A%20relative%3Bwidth%3A%201450px%3Bheight%3A%20750px%3BMARGIN-LEFT%3A-454px%3Bmargin-top%3A45px%3Bbox-shadow%3A%20%200px%200px%200px%202px%20%23ff33ff%2C%200px%200px%200px%209px%20%23880000%3Boverflow%3Ahidden%3Bborder-radius%3A%2022px%200px%3Bbgcolor%3A%23B222ff%3B%20%22%3E%0A%3Cstyle%3E%23%u5927%u98CE%20%7B%20margin%3A%200%200%200%20calc%2850%25%20-%20303px%29%3B%20position%3A%20relative%3B%20width%3A%201450px%3B%20height%3A%20750px%3B%3Btop%3A-36px%3B%20%3B%20z-index%3A%201%3B%20transform%3A%20translate%28-30%25%2C%2010px%29%3B-webkit-background-clip%3A%20text%3Bwhite-space%3A%20pre%3B%7D%0A%23lrc%20%7B%20--motion%3A%20cover2%3B%20--tt%3A%202s%3B--state%3A%20paused%3B--bg%3A%20linear-gradient%2845deg%2C%20hsla%28230%2C%2050%25%2C%2050%25%2C%20.25%29%2C%20hsla%28230%2C%2030%25%2C%2050%25%2C%20.75%29%29%3B%20%20position%3A%20absolute%3Bleft%3A%2045%25%3B%20top%3A91%25%3Bfilter%3A%20drop-shadow%28%200px%200px%201px%20%23000000%29drop-shadow%28%200px%200px%201px%20%23000000%29drop-shadow%28%200px%200px%201px%20%23000000%29%3Bfont%3Anormal%203em%20%u5E7C%u5706%3Bcolor%3A%2300f222%3B%20z-index%3A%201%3B%20transform%3A%20translate%28-30%25%2C%2010px%29%3B-webkit-background-clip%3A%20text%3Bwhite-space%3A%20pre%3B%7D%0A%23lrc%3A%3Abefore%20%7B%20position%3A%20absolute%3B%20content%3A%20attr%28data-lrc%29%3B%20color%3A%20transparent%3B%20width%3A%20100%25%3B%20height%3A%2099%25%3Bwhite-space%3A%20pre%3B%20background%3A%20linear-gradient%2890deg%2C%20%23FF2D2D%2011%25%2C%234DFFFF%2027%25%2C%23CA8EFF%2045%25%2C%23F8FBFB%2057%25%2C%2342E028%2076%25%2C%23FFFF00%2095%25%29%3B-webkit-background-clip%3A%20text%3B%20animation%3A%20var%28--motion%29%20var%28--tt%29%20linear%20forwards%3B%20animation-play-state%3A%20var%28--state%29%3B%20%7D%3C/style%3E%0A%3Cdiv%20id%3D%22%u5927%u98CE%22%3E%3Cdiv%20id%3D%22lrc%22%20data-lrc%3D%22HCPlayer%22%3EHCPlayer%3C/div%3E%0A%3Cmeta%20%20name%3D%22referrer%22%20content%3D%22never%22%3E%3Cvideo%20id%3D%22dfspin%22%20%20src%3D%22https%3A%5C/%5C/vd2.bdstatic.com%5C/mda-pespk7d5mge2bcwa%5C/360p%5C/h264%5C/1685205699023927386%5C/mda-pespk7d5mge2bcwa.mp4%22%20muted%3D%22muted%22%20autoplay%3D%22autoplay%22%20loop%3D%22loop%22width%3D%221466%22%3E%3C/video%3E/div%3E%0A%3Caudio%20id%3D%22aud%22%20src%3D%22https%3A//15799848.s21v.faiusr.com/55/ABUIABA3GAAgx73T9wUojv_b7wQ%22%20autoplay%20loop%20crossorigin%3D%22anonymous%22%3E%3C/audio%3E%3Cscript%3E%0A%28function%28%29%20%7B%28function%28mkPlayer%29%20%7Blet%20defaults%20%3D%20%7B%20player_css%3A%20%27left%3A%20calc%2850%25%20-%20696px%29%3B%20bottom%3A%200%3B%27%2CplayerCode%3A%20%27%3Ccanvas%20id%3D%22mplayer%22%20height%3D%22180%22%20width%3D%22200%22%20style%3D%22position%3A%20absolute%3B%20cursor%3A%20pointer%3B%22%3E%3C/canvas%3E%27%2C%7D%3Blet%20playCode%20%3D%20%28user_config%29%20%3D%3E%20%7Blet%20data%20%3D%20Object.assign%28%7B%7D%2C%20defaults%2C%20user_config%29%3B%u5927%u98CE.innerHTML%20+%3D%20data.playerCode%3Blet%20ballSize%20%3D%20data.size%3Bmplayer.style.cssText%20+%3D%20data.player_css%3Blet%20context%20%3D%20new%20AudioContext%3Blet%20source%20%3D%20context.createMediaElementSource%28aud%29%3Blet%20analyser%20%3D%20context.createAnalyser%28%29%3Bsource.connect%28analyser%29%3Banalyser.connect%28context.destination%29%3Blet%20output%20%3D%20new%20Uint8Array%28361%29%3Blet%20length%20%3D%20analyser.frequencyBinCount%20*%2044100%20/%20context.sampleRate%20%7C%200%3Blet%20output2%20%3D%20new%20Uint8Array%28length%29%3Blet%20cxt%20%3D%20mplayer.getContext%28%222d%22%29%3B%28function%20draw%28%29%20%7Blet%20ppColor%20%3D%20cxt.createLinearGradient%280%2C0%2Cmplayer.width-100%2Cmplayer.height%29%3BppColor.addColorStop%280%2C%20%27hsl%2820%2C80%25%2C50%25%29%27%29%3BppColor.addColorStop%280.8%2C%20%27hsl%2830%2C100%25%2C45%25%29%27%29%3BppColor.addColorStop%281%2C%20%27hsl%2840%2C90%25%2C35%25%29%27%29%3Banalyser.getByteFrequencyData%28output%29%3Bcxt.clearRect%280%2C%200%2C%20mplayer.width%2C%20mplayer.height%29%3Bfor%20%28j%20%3D%200%3B%20j%20%3C%20output.length%3B%20j++%29%20%7Blet%20value%20%3D%20output%5Bj%5D%20/%2010%3Bcxt.strokeStyle%20%3D%20value%20%3E%2020%20%3F%20%22yellow%22%20%3A%20%22magenta%22%3Bcxt.beginPath%28%29%3Bcxt.lineWidth%20%3D%201%3Bcxt.moveTo%28100%2C%20100%29%3Bcxt.lineTo%28Math.cos%28%28j%20*%200.5%20+%2090%29%20/%20180%20*%20Math.PI%29%20*%20%2860%20+%20value%29%20+%20100%2C%20%28-%20Math.sin%28%28j%20*%200.5%20+%2090%29%20/%20180%20*%20Math.PI%29%20*%20%2860%20+%20value%29%20+%20100%29%29%3Bcxt.stroke%28%29%3Bcxt.beginPath%28%29%3Bcxt.lineWidth%20%3D%201%3Bcxt.moveTo%28100%2C%20100%29%3Bcxt.lineTo%28%28Math.sin%28%28j%20*%200.5%29%20/%20180%20*%20Math.PI%29%20*%20%2860%20+%20value%29%20+%20100%29%2C%20-Math.cos%28%28j%20*%200.5%29%20/%20180%20*%20Math.PI%29%20*%20%2860%20+%20value%29%20+%20100%29%3Bcxt.stroke%28%29%3B%7Dcxt.beginPath%28%29%3Bcxt.lineWidth%20%3D%201%3Bcxt.arc%28100%2C%20100%2C%2060%2C%200%2C%202%20*%20Math.PI%2C%20false%29%3Bcxt.fillStyle%20%3D%20ppColor%3Bcxt.stroke%28%29%3Bcxt.fill%28%29%3Banalyser.getByteTimeDomainData%28output2%29%3Blet%20height%20%3D%20100%2C%20width%20%3D%20120%3Bcxt.beginPath%28%29%3Bcxt.strokeStyle%20%3D%20%22green%22%3Bfor%20%28j%20%3D%200%3B%20j%20%3C%20width%3B%20j++%29%20%7Bcxt.lineTo%28j%20+%2040%2C%20100%20-%20%28height%20/%202%20*%20%28output2%5Boutput2.length%20*%20j%20/%20width%20%7C%200%5D%20/%20256%20-%200.5%29%29%29%3B%7Dcxt.stroke%28%29%3BrequestAnimationFrame%28draw%29%3B%7D%29%28%29%3Bmplayer.onclick%20%3D%20%28%29%20%3D%3E%20aud.paused%20%3F%20aud.play%28%29%20%3A%20aud.pause%28%29%3B%7D%3BmkPlayer.HCPlayer%20%3D%20playCode%3B%7D%29%28this%29%3BHCPlayer%28%7B%7D%29%3B%7D%29%28%29%3B%3C/script%3E%3Cdiv%3E%3Cscript%3E%0A%28function%28%29%20%7Blet%20mKey%20%3D%200%2C%20mFlag%20%3D%20true%3Blet%20lrcTime%20%3D%20%28ar%29%20%3D%3E%20%7Blet%20tmpAr%20%3D%20%5B%5D%3Bfor%28j%20%3D%200%3B%20j%20%3Car.length%20-%201%3B%20j%20++%29%20%7Bif%28j%20%21%3D%3D%20ar.length%20-%201%29%20tmpAr%5Bj%5D%20%3D%20parseFloat%28%28ar%5Bj+1%5D%5B0%5D%20-%20ar%5Bj%5D%5B0%5D%29.toFixed%281%29%29%3B%7Dlet%20aver%20%3D%20parseInt%28tmpAr.reduce%28%28a%2Cb%29%20%3D%3E%20a%20+%20b%29%20/%20%28tmpAr.length%20-%201%29%29%20+%20averAdd%3BtmpAr.push%28aver%29%3BtmpAr.forEach%28%28item%2Ckey%29%20%3D%3E%20%7Bar%5Bkey%5D%5B2%5D%20%3D%20item%20%3E%20aver%20%3F%20aver%20%3A%20item%3B%7D%29%3Breturn%20ar%3B%7D%3B%0A%09let%20averAdd%20%3D%200%2C%20offset%20%3D%200%3B%0A%09let%20getLrcAr%20%3D%20%28text%29%20%3D%3E%20%7Blet%20lrcAr%20%3D%20%5B%5D%3Blet%20calcRule%20%3D%20%5B60%2C1%2C0.001%5D%3Bfor%28x%20of%20text.split%28%27%5Cn%27%29%29%20%7Blet%20ar%20%3D%20%5B%5D%3Blet%20re%20%3D%20/%5Cd+%5B%5C.%3A%5D%5Cd+%28%5B%5C.%3A%5D%5Cd+%29%3F/g%3Blet%20tbgc%20%3D%20x.replace%28re%2C%27%27%29%3Bif%28tbgc%29%20%7Btbgc%20%3D%20tbgc.replace%28/%5B%5C%5B%5C%5D%5C%27%5C%22%5Ct%2C%5Ds%3F/g%2C%27%27%29%3Blet%20time%20%3D%20x.match%28re%29%3Bif%28time%20%21%3D%20null%29%20%7Bfor%28y%20of%20time%29%20%7Blet%20tmp%20%3D%20y.match%28/%5Cd+/g%29%3Blet%20sec%20%3D%200%3Bfor%28z%20in%20tmp%29%20sec%20+%3D%20tmp%5Bz%5D%20*%20calcRule%5Bz%5D%3Bar%5B0%5D%20%3D%20%5BparseFloat%28sec.toFixed%282%29%29%20+%20offset%2C%20tbgc%5D%3BlrcAr.push%28ar%5B0%5D%29%3B%20%7D%7D%7D%7DlrcAr.sort%28%28a%2Cb%29%3D%3E%20a%5B0%5D%20-%20b%5B0%5D%29%3Breturn%28lrcTime%28lrcAr%29%29%3B%7D%0A%09let%20tbgc%20%3D%20%60%5B00%3A00.00%5D%20%u4F5C%u8BCD%20%3A%20Yuk%20Wah%20Lau%5Cn%5B00%3A00.00%5D%20%u4F5C%u66F2%20%3A%20%u66F9%u4FCA%u9D3B%5Cn%5B00%3A00.00%5D%u76F8%u9022%u5728%u96E8%u4E2D-%u9ECE%u660E%uFF08Lai%20Ming%20%uFF09%5Cn%5B00%3A08.130%5D%u8BCD%uFF1A%u7B80%u5B81%5Cn%5B00%3A16.260%5D%u66F2%uFF1A%u66F9%u4FCA%u9E3F%5Cn%5B00%3A24.391%5D%u7EB7%u98DE%u5C0F%u96E8%u4E2D%5Cn%5B00%3A27.205%5D%u8DDF%u4F60%u518D%u76F8%u9022%5Cn%5B00%3A30.44%5D%u5728%u8111%u5185%u53C8%u518D%u73B0%u62E5%u6709%u8FC7%u7684%u68A6%5Cn%5B00%3A35.820%5D%u6B64%u523B%u88C5%u4F5C%u51FA%5Cn%5B00%3A38.516%5D%u6211%u4E00%u5207%u4E5F%u4ECE%u5BB9%5Cn%5B00%3A41.464%5D%u5176%u5B9E%u773C%u7738%u91CC%u65E9%u5DF2%u6709%u70B9%u7EA2%5Cn%5B00%3A46.652%5D%u5171%u4F60%u5728%u98CE%u4E2D%5Cn%5B00%3A49.486%5D%u613F%u518D%u5EA6%u76F8%u62E5%5Cn%5B00%3A53.76%5D%u8FC7%u53BB%u4E0E%u4F60%u60C5%u6D53%u5982%u7F8E%u68A6%5Cn%5B00%3A58.204%5D%u5171%u4F60%u5728%u98CE%u4E2D%5Cn%5B01%3A01.36%5D%u613F%u518D%u5EA6%u76F8%u62E5%5Cn%5B01%3A04.620%5D%u4F60%u5374%u51B7%u51B7%u8BF4%u53E5%u597D%u5417%u53EB%u6211%u5FC3%u51B0%u51BB%5Cn%5B01%3A10.411%5D%u5F53%u5929%u771F%u5FC3%u6E29%u99A8%u7684%u76F8%u7231%5Cn%5B01%3A13.12%5D%u75F4%u5FC3%u4E00%u7F15%5Cn%5B01%3A16.136%5D%u4F60%u90A3%u4F1A%u77E5%u6211%u4ECA%u5929%u4ECD%u7B49%u5019%5Cn%5B01%3A21.919%5D%u6B64%u9645%u6211%u5FC3%u91CC%u6D12%u6EE1%u4F60%u6E29%u67D4%5Cn%5B01%3A27.647%5D%u6697%u6697%u770B%u4F60%u90A3%u4E24%u773C%u591A%u4E48%u7684%u51B0%u51B7%5Cn%5B01%3A30.585%5D%u8C01%u4EBA%u80FD%u731C%u900FWOO%5Cn%5B01%3A34.764%5DWOO%20O%20%u4ECA%u5929%u8DDF%u4F60%u5206%u624B%5Cn%5B01%3A39.252%5D%u4ED6%u671D%u4E0D%u518D%u62E5%u6709%5Cn01%3A44.252%5D%u6574%u7406%u5236%u4F5C%uFF1A%u5927%u98CE%5Cn%5B02%3A05.947%5D%u5171%u4F60%u5728%u98CE%u4E2D%5Cn%5B02%3A08.707%5D%u613F%u518D%u5EA6%u76F8%u62E5%5Cn%5B02%3A12.282%5D%u8FC7%u53BB%u4E0E%u4F60%u60C5%u6D53%u5982%u7F8E%u68A6%5Cn%5B02%3A17.335%5D%u5171%u4F60%u5728%u98CE%u4E2D%u613F%u518D%u5EA6%u76F8%u62E5%5Cn%5B02%3A23.786%5D%u4F60%u5374%u51B7%u51B7%u8BF4%u53E5%u597D%u5417%u53EB%u6211%u5FC3%u51B0%u51BB%5Cn%5B02%3A29.593%5D%u5F53%u5929%u771F%u5FC3%u6E29%u99A8%u7684%u76F8%u7231%5Cn%5B02%3A32.154%5D%u75F4%u5FC3%u4E00%u7F15%5Cn%5B02%3A35.314%5D%u4F60%u90A3%u4F1A%u77E5%u6211%u4ECA%u5929%u4ECD%u7B49%u5019%5Cn%5B02%3A41.142%5D%u6B64%u9645%u6211%u5FC3%u91CC%u6D12%u6EE1%u4F60%u6E29%u67D4%5Cn%5B02%3A46.799%5D%u6697%u6697%u770B%u4F60%u90A3%u4E24%u773C%u591A%u4E48%u7684%u51B0%u51B7%5Cn%5B02%3A50.170%5D%u8C01%u4EBA%u80FD%u731C%u900FWOO%5Cn%5B02%3A54.22%5DWOO%20O%20%u4ECA%u5929%u8DDF%u4F60%u5206%u624B%5Cn%5B02%3A58.322%5D%u4ED6%u671D%u4E0D%u518D%u62E5%u6709%uFF01%60%3B%0A%09let%20lrcAr%20%3D%20getLrcAr%28tbgc%29%3B%0A%09let%20showLrc%20%3D%20%28time%29%20%3D%3E%20%7Blet%20name%20%3D%20mFlag%20%3F%20%27cover1%27%20%3A%20%27cover2%27%3Blrc.innerHTML%20%3D%20lrcAr%5BmKey%5D%5B1%5D%3Blrc.dataset.lrc%20%3D%20lrcAr%5BmKey%5D%5B1%5D.replace%28/%3Cbr%3E/%2C%20%27%5Cn%27%29%3Blrc.style.setProperty%28%27--motion%27%2C%20name%29%3Blrc.style.setProperty%28%27--tt%27%2C%20time%20+%20%27s%27%29%3B%u5927%u98CE.style.setProperty%28%27--state%27%2C%20%27running%27%29%3BmKey%20+%3D%201%3BmFlag%20%3D%20%21mFlag%3B%7D%3B%0A%09let%20calcKey%20%3D%20%28%29%20%3D%3E%20%7Bfor%20%28j%20%3D%200%3B%20j%20%3C%20lrcAr.length%3B%20j++%29%20%7Bif%20%28aud.currentTime%20%3C%3D%20lrcAr%5Bj%5D%5B0%5D%29%20%7BmKey%20%3D%20j%20-%201%3Bbreak%3B%7D%7Dif%20%28mKey%20%3C%200%29%20mKey%20%3D%200%3Bif%20%28mKey%20%3E%20lrcAr.length%20-%201%29%20mKey%20%3D%20lrcAr.length%20-%201%3Blet%20time%20%3D%20lrcAr%5BmKey%5D%5B2%5D%20-%20%28aud.currentTime%20-%20lrcAr%5BmKey%5D%5B0%5D%29%3BshowLrc%28time%29%3B%7D%3B%0A%09let%20toMin%20%3D%20%28val%29%20%3D%3E%20%7Bif%20%28%21val%29%20return%20%2700%3A00%27%3Bval%20%3D%20Math.floor%28val%29%3Blet%20min%20%3D%20parseInt%28val%20/%2060%29%2Csec%20%3D%20parseFloat%28val%20%25%2060%29%3Bif%20%28min%20%3C%2010%29%20min%20%3D%20%270%27%20+%20min%3Bif%20%28sec%20%3C%2010%29%20sec%20%3D%20%270%27%20+%20sec%3Breturn%20min%20+%20%27%3A%27%20+%20sec%3B%7D%0A%09let%20mState%20%3D%20%28%29%20%3D%3E%u5927%u98CE.style.setProperty%28%27--state%27%2C%20aud.paused%20%3F%20%27paused%27%20%3A%20%27running%27%29%3B%0A%09aud.addEventListener%28%27pause%27%2C%20%28%29%20%3D%3E%20mState%28%29%29%3B%0A%09aud.addEventListener%28%27play%27%2C%20%28%29%20%3D%3E%20mState%28%29%29%3B%0A%09aud.addEventListener%28%27seeked%27%2C%20%28%29%20%3D%3E%20calcKey%28%29%29%3B%0A%09aud.addEventListener%28%27timeupdate%27%2C%20%28%29%20%3D%3E%20%7Bfor%20%28j%20%3D%200%3B%20j%20%3C%20lrcAr.length%3B%20j++%29%20%7Bif%20%28aud.currentTime%20%3E%3D%20lrcAr%5Bj%5D%5B0%5D%29%20%7Bif%20%28mKey%20%3D%3D%3D%20j%29%20showLrc%28lrcAr%5Bj%5D%5B2%5D%29%3Belse%20continue%3B%7D%7D%7D%29%0A%09mplayer.addEventListener%28%27click%27%2C%20%28%29%20%3D%3E%20aud.paused%20%3F%20aud.play%28%29%20%3A%20aud.pause%28%29%29%3B%7D%29%28%29%3B%3C/script%3E%3C/div%3E"));//--></script>

冬天的雨 发表于 2023-6-1 10:15

一片空白,看见一个框

冬天的雨 发表于 2023-6-1 10:15

手机看不见

冬天的雨 发表于 2023-6-1 10:24

电脑上来看见了,是视频背景

冬天的雨 发表于 2023-6-1 10:25

加密发帖,加分飞出去了{:4_189:}

冬天的雨 发表于 2023-6-1 10:27

画面视频背景很接地气{:4_199:}

冬天的雨 发表于 2023-6-1 10:27

感谢楼主分享{:4_178:}

红影 发表于 2023-6-1 10:45

这个评分后有影响呢。漂亮的制作,欣赏晓哥好帖{:4_187:}

一斛珠 发表于 2023-6-1 11:00

赞一个!

小辣椒 发表于 2023-6-1 12:13

冬天的雨 发表于 2023-6-1 10:15
一片空白,看见一个框

视频背景手机看不见

小辣椒 发表于 2023-6-1 12:14

确实啊,加分就飞出论坛了

小辣椒 发表于 2023-6-1 12:15

谢谢晓哥分享好听好看的美帖,直接代码发,加分不会飞出论坛

樵歌 发表于 2023-6-1 12:52

好宽阔的背景,看了好舒服!{:4_199:}

梦缘 发表于 2023-6-1 15:49

真好听,感谢分享经典!{:4_178:}
页: [1]
查看完整版本: 怀旧粤语经典《相逢在雨中》