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