一个纯静态页面设计的音乐播放器,可以完全托管在 Github Pages 上或者其他任意静态服务器(如阿里云 OSS )。
在今年暑假的时候,开源了Gmeek 超轻量级个人博客框架之后,又把原先的 MEMP 音乐播放器也挪到了 Github Pages 上。
目前有一个问题一直无法解决,就是在音乐可视化显示只能使用 Web Audio API 才能获取到音乐频率等信息,不能够使用 html5 的 audio 。有大佬知道如何在 html5 的 audio 中获取到音乐频率等信息吗?
1
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 |
2
Meekdai OP @kkk9 我感觉全屏好看~
我现在就是用的 AnalyserNode.getByteFrequencyData()获取的,但是如果我使用 html5 的 audio 就不行了。用的是 https://github.com/goldfire/howler.js 的接口。目前只能用 Web Audio API 才可以调用 AnalyserNode |
3
zhw2590582 2023-10-25 11:43:51 +08:00
封面好看
|