九爷出山

马黑黑

全屏观赏

樵歌

九爷是谁，看来是个讲义气的豪杰。哪天请他喝酒。

马黑黑

樵歌 发表于 2022-12-23 08:33
九爷是谁，看来是个讲义气的豪杰。哪天请他喝酒。

这个貌似有一部电视剧的，湘西的故事，具体不是很清楚

红影

频谱还能这样折线展示，漂亮

红影

全屏的时候也好看，白鹤的点缀也好。欣赏黑黑好帖

红影

这样的折线，如果垂直于底边，理应在中间部分有斜向重叠部分，这里却是没有呢，不知怎么弄出来的哦，我知道了，这些频谱都是垂直向上的吧。那它们在和折线相交的地方都有个小折角。

红影

黑黑又带来新玩法

马黑黑

红影 发表于 2022-12-23 09:13
频谱还能这样折线展示，漂亮

还可以做成圆环，刚在后院发布了一个帖子

马黑黑

红影 发表于 2022-12-23 09:14
全屏的时候也好看，白鹤的点缀也好。欣赏黑黑好帖

感谢鼓励与支持

马黑黑

红影 发表于 2022-12-23 09:16
这样的折线，如果垂直于底边，理应在中间部分有斜向重叠部分，这里却是没有呢，不知怎么弄出来的 ...

所谓折线，实际上是频谱排列产生的效果：左边的一半降序排排坐、右边一半升序排排坐，各有各的位置，所以不会重叠。

马黑黑

红影 发表于 2022-12-23 09:18
黑黑又带来新玩法

这个不算新吧，就如你所说的，折了个线

樵歌

马黑黑 发表于 2022-12-23 08:35
这个貌似有一部电视剧的，湘西的故事，具体不是很清楚

是湘西哇，那里的故事可多了，赶尸人故事，种盅人，大祭师，可神秘了，还有最最重要的是还有可奈的湘妹纸儿，你的相爱

马黑黑

樵歌 发表于 2022-12-23 11:31
是湘西哇，那里的故事可多了，赶尸人故事，种盅人，大祭师，可神秘了，还有最最重要的是还有可奈的湘妹纸 ...

你这掐指一算，把啥事都弄明白了，连同俺的隐私

红影

马黑黑 发表于 2022-12-23 09:55
还可以做成圆环，刚在后院发布了一个帖子

看到了，像一顶皇冠

红影

马黑黑 发表于 2022-12-23 09:55
感谢鼓励与支持

本来想看看是哪句弄成的效果，结果还是封装好的

红影

马黑黑 发表于 2022-12-23 09:58
所谓折线，实际上是频谱排列产生的效果：左边的一半降序排排坐、右边一半升序排排坐，各有各的位置，所以 ...

嗯嗯，这个效果很棒

红影

马黑黑 发表于 2022-12-23 09:59
这个不算新吧，就如你所说的，折了个线

变化过的，就是新呢

马黑黑

红影 发表于 2022-12-23 15:20
变化过的，就是新呢

马黑黑

红影 发表于 2022-12-23 15:19
嗯嗯，这个效果很棒

还行的吧。手机上看也很完美

马黑黑

红影 发表于 2022-12-23 15:19
本来想看看是哪句弄成的效果，结果还是封装好的

封装成插件不影响查看代码，可以用曾经提供的工具将代码格式化就行。

这个折线，我放在 update 函数里做，其实应该放在生成频谱条是做的更好。很简单，只是设置频谱条的 bottom：

        (function update() {
            analyser.getByteFrequencyData(output);
            let mid = total % 2 === 0 ? total / 2 - 1 : Math.floor(total / 2);
            for (j = 0; j < total; j++) {
                let k = j <= mid ? (mid - j) * 2 : (j - mid) * 2 - 1; /*lines[j].style.height = output[k]/2 + 'px';*/
                lines[j].style.height = output[j] / 2 + 'px';
                lines[j].style.bottom = k * 0.25 + 'px';
            }
            window.requestAnimationFrame(update);
        })();