南无月试贴

南无月

南无月

<style>     #papa { margin: 130px 0 20px calc(50% - 931px); width: 1700px; height: 900px; background: url('https://pic.imgdb.cn/item/65fbae639f345e8d03723b84.webp') no-repeat center/cover; box-shadow: 3px 3px 6px gray; overflow: hidden; position: relative; }     #canv { position: absolute; left: 28%; bottom: 4px; transform: translate(-50%,0); cursor: pointer; }     .pic { position: absolute; width: 240px; mix-blend-mode: screen; offset-path: path('M1724,-80 Q1550,-20 -100,360'); offset-distance: 100%; animation: fly 20s var(--delay) infinite var(--state); --delay: 0s; }     .pic:nth-of-type(2) { --delay: -7s; }     .pic:nth-of-type(3) { --delay: -14s; }     @keyframes fly { to { offset-distance: 0; } }     #vid { position: absolute; width: 120%; height: 100%; object-fit: cover; pointer-events: none; mix-blend-mode: screen; z-index: 2; opacity: .52; transform: rotateY(180deg); } </style> <div id="papa"> <video id="vid" src="https://img.tukuppt.com/video_show/15653652/00/79/55/60c1c62b9766e.mp4" autoplay="" loop="" muted=""></video>     <img class="pic" src="https://638183.freep.cn/638183/t22/gif/bird1.gif" alt="" />     <img class="pic" src="https://638183.freep.cn/638183/t22/gif/bird1.gif" alt="" />     <img class="pic" src="https://638183.freep.cn/638183/t22/gif/bird1.gif" alt="" /> <canvas id="canv" width="600" height="240" title="点击播放"></canvas> </div> <script>   (function() {   let aud = new Audio(); aud.src = 'https://yinpin.s3-us-east-1.ossfiles.com/qihang.mp3'; aud.crossOrigin = ''; aud.loop = true; aud.load(); aud.play(); let AudioContext = window.AudioContext || window.webkitAudioContext; let Ac = new AudioContext; let analyser = Ac.createAnalyser(); analyser.fftSize = 256; let source = Ac.createMediaElementSource(aud); source.connect(analyser); analyser.connect(Ac.destination); let len = analyser.frequencyBinCount - 30; let output = new Uint8Array(len); let canvctx = canv.getContext('2d'); let ppWidth = canv.width / len; let ppHeight, x; let gradient = canvctx.createLinearGradient(0,0,0,200); gradient.addColorStop(0,'rgba(255,165,0'); gradient.addColorStop(.5,'rgba(255,165,0'); gradient.addColorStop(1,'rgba(128,128,128'); (function draw() { canvctx.clearRect(0, 0, canv.width, canv.height); analyser.getByteFrequencyData(output); x = 0.5; for(let i = 0; i < len; i ++) { ppHeight = output * .9 + ppWidth; canvctx.fillStyle = gradient; canvctx.fillRect(x, canv.height - ppHeight, ppWidth - 1, ppHeight); x += ppWidth; } requestAnimationFrame(draw); })(); aud.onpause = aud.onplaying = () => aud.paused ?     (canv.title = '点击播放', papa.style.setProperty('--state', 'paused')) :     (canv.title = '点击暂停', papa.style.setProperty('--state', 'running')); canv.onclick = () => aud.paused ? aud.play() : aud.pause(); //papa.onclick = () => aud.paused ? (vid.pause(),vid2.pause()) : (vid.play(),vid2.play());   })(); </script>

南无月

我的浏览器不行么，还是看不到频谱。@马黑黑

南无月

虽然不知道JS代码闭包啥意思
电脑落后我知道，现在我用手机看看——也没显示频谱

马黑黑

南无月 发表于 2024-3-22 12:41
我的浏览器不行么，还是看不到频谱。@马黑黑

昨晚测试时行的，现在又不行了

马黑黑

南无月 发表于 2024-3-22 12:46
虽然不知道JS代码闭包啥意思
电脑落后我知道，现在我用手机看看——也没显示频谱

音乐也不能播放。本地测试没有问题，甚至可以不开启虚拟服务器。

马黑黑

现在行了。踩了一个坑，这个坑过去也踩过：

论坛对 [i] 会做ubb解析，要写成 [ i ]，i 的两边逗留空格。另外我在《三十里铺》发布的代码多出两行废码，现已修正。

南无月

马黑黑 发表于 2024-3-22 13:38
现在行了。踩了一个坑，这个坑过去也踩过：

论坛对  会做ubb解析，要写成 [ i ]，i 的两边逗留空格。另 ...

这个坑时有时无啊。。
经常有也就记得了。。
这么突然的跳出一个，也是费劲

南无月

马黑黑 发表于 2024-3-22 13:20
昨晚测试时行的，现在又不行了

这天家小坑有规律么

南无月

马黑黑 发表于 2024-3-22 13:21
音乐也不能播放。本地测试没有问题，甚至可以不开启虚拟服务器。

音画编辑里完全没问题，甚至到别的论坛测试都没问题。。所以我也是纳了闷了

马黑黑

南无月 发表于 2024-3-22 17:43
音画编辑里完全没问题，甚至到别的论坛测试都没问题。。所以我也是纳了闷了

Discuz! X3.2 就是问题好多的，它的错误很多，按F12看看

马黑黑

南无月 发表于 2024-3-22 17:41
这个坑时有时无啊。。
经常有也就记得了。。
这么突然的跳出一个，也是费劲

过去碰上时，我就改用 j 做循环自增变量，后来用着用着就忘记了这回事，毕竟在本地机测试无需考虑这些

南无月

马黑黑 发表于 2024-3-22 18:59
Discuz! X3.2 就是问题好多的，它的错误很多，按F12看看

不看。。。按了一堆乱码又看不懂

南无月

马黑黑 发表于 2024-3-22 19:00
过去碰上时，我就改用 j 做循环自增变量，后来用着用着就忘记了这回事，毕竟在本地机测试无需考虑这些

这个问题是好久之前的，至少半年前。。

马黑黑

南无月 发表于 2024-3-22 20:57
不看。。。按了一堆乱码又看不懂

反正每行标注一个红圆圈里面有叉叉的就是错误

马黑黑

南无月 发表于 2024-3-22 20:57
这个问题是好久之前的，至少半年前。。

不止半年了。都说好了伤疤忘了疼，此话不假

南无月

马黑黑 发表于 2024-3-22 20:58
反正每行标注一个红圆圈里面有叉叉的就是错误

传说中的F12，听你说过无数次，从来没真的实际用过

南无月

马黑黑 发表于 2024-3-22 20:59
不止半年了。都说好了伤疤忘了疼，此话不假

动网程序这个小BUG，亏是你能找到并解决，这么久它也没升级。
不过升了级又被限，好象还是这样的好。。

马黑黑

南无月 发表于 2024-3-23 17:02
动网程序这个小BUG，亏是你能找到并解决，这么久它也没升级。
不过升了级又被限，好象还是这样的好。。{ ...

动网死掉了，现在是 discuz! 的天下，湾湾那边也都在用，目前由腾讯维护，早升级了的，是樵歌的论坛不敢更新。

马黑黑

南无月 发表于 2024-3-23 16:59
传说中的F12，听你说过无数次，从来没真的实际用过

就按一下它，然后一般向右看