Gmemp 简约时尚的个人在线音乐播放器 开源

2023-10-23 17:39:02 +08:00
 Meekdai

一个纯静态页面设计的音乐播放器,可以完全托管在 Github Pages 上或者其他任意静态服务器(如阿里云 OSS )。

在今年暑假的时候,开源了Gmeek 超轻量级个人博客框架之后,又把原先的 MEMP 音乐播放器也挪到了 Github Pages 上。

目前有一个问题一直无法解决,就是在音乐可视化显示只能使用 Web Audio API 才能获取到音乐频率等信息,不能够使用 html5 的 audio 。有大佬知道如何在 html5 的 audio 中获取到音乐频率等信息吗?

1215 次点击
所在节点    分享创造
3 条回复
kkk9
2023-10-23 17:45:58 +08:00
提个小建议,不要全屏

----

AnalyserNode.getFloatFrequencyData()
返回一个 Float32Array (en-US) 数组,其中包含传递到此音频节点声音的实时频率数据。

AnalyserNode.getByteFrequencyData()
返回一个 Uint8Array (en-US) 无符号字节数组 (unsigned byte array),其中包含传递到此音频节点声音的实时频率数据。

AnalyserNode.getFloatTimeDomainData() (en-US)
返回一个 Float32Array (en-US) 数组,其中包含传递到此音频节点声音的实时波形,时间数据。

AnalyserNode.getByteTimeDomainData()
返回一个 Uint8Array (en-US) 无符号字节数组 (unsigned byte array),其中包含传递到此音频节点声音的实时波形,时间数据。

https://developer.mozilla.org/zh-CN/docs/Web/API/Web_Audio_API/Basic_concepts_behind_Web_Audio_API#%E5%8F%AF%E8%A7%86%E5%8C%96
Meekdai
2023-10-23 21:45:15 +08:00
@kkk9 我感觉全屏好看~

我现在就是用的 AnalyserNode.getByteFrequencyData()获取的,但是如果我使用 html5 的 audio 就不行了。用的是 https://github.com/goldfire/howler.js 的接口。目前只能用 Web Audio API 才可以调用 AnalyserNode
zhw2590582
2023-10-25 11:43:51 +08:00
封面好看

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/984603

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX