微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

由于 CORS,Howler.js 无法获取频率数据?

如何解决由于 CORS,Howler.js 无法获取频率数据?

问题 - 我无法从网络电台获取频率数据。控制台日志给出了 CORS 问题,但是,我不确定是否真的如此。 为了解决 cors 问题,我尝试使用 Chrome 的 Allow CORS 插件来查看它是否可以工作 - 它没有。同样显然 - 从 Howler 文档 "html5: true" 应该照顾 CORS。 因为我没有 元素,所以我不能使用 crossorigin="anonymous"

我正在尝试 - 从流中获取 getByteFrequencyData,以便从网络电台创建音频可视化工具。

我的代码

testAnalyzer() {
  var audio = new Howl({
    src: ['https://pool.anison.fm:9000/AniSonFM(320)'],html5: true,volume: this.volume,});

    audio.play();
    const audioCtx = Howler.ctx;
    const audioSourceNode = audioCtx.createMediaElementSource(audio._sounds[0]._node);
    console.log('Audio CTX',audioCtx);

    const analyser = audioCtx.createAnalyser();
    console.log('Audio Source Node - ',audioSourceNode);


    analyser.fftsize = 512;
    const bufferLength = analyser.frequencyBinCount;
    const dataArray = new Uint8Array(bufferLength);

    //Set up audio node network
    audioSourceNode.connect(analyser);
    analyser.connect(audioCtx.destination);

    analyser.getByteFrequencyData(dataArray)
    console.log('Frequency Data - ',dataArray)
}

控制台结果: MediaElementAudioSource outputs zeroes due to CORS access restrictions for https://pool.anison.fm:9000/AniSonFM(320)

我正在使用 Vue2 和 HowlerJS

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。