V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
Meekdai
V2EX  ›  分享创造

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

  •  
  •   Meekdai · 2023-10-23 17:39:02 +08:00 · 1218 次点击
    这是一个创建于 388 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

    3 条回复    2023-10-25 11:43:51 +08:00
    kkk9
        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
    Meekdai
        2
    Meekdai  
    OP
       2023-10-23 21:45:15 +08:00
    @kkk9 我感觉全屏好看~

    我现在就是用的 AnalyserNode.getByteFrequencyData()获取的,但是如果我使用 html5 的 audio 就不行了。用的是 https://github.com/goldfire/howler.js 的接口。目前只能用 Web Audio API 才可以调用 AnalyserNode
    zhw2590582
        3
    zhw2590582  
       2023-10-25 11:43:51 +08:00
    封面好看
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5509 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 34ms · UTC 08:50 · PVG 16:50 · LAX 00:50 · JFK 03:50
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.