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

[Meekdai]

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

• Demo 页面
• GitHub 开源地址

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

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

[kkk9]

提个小建议，不要全屏

----

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]

@kkk9 我感觉全屏好看~

我现在就是用的 AnalyserNode.getByteFrequencyData()获取的，但是如果我使用 html5 的 audio 就不行了。用的是 https://github.com/goldfire/howler.js 的接口。目前只能用 Web Audio API 才可以调用 AnalyserNode

[zhw2590582]

封面好看