Canvas 如何使画布在不同的浏览器中工作

Canvas 如何使画布在不同的浏览器中工作,canvas,web-audio-api,Canvas,Web Audio Api,我正在努力为我的网站买一台好看的收音机,chrome的一切都很好(大部分)。但这段代码在firefox或edge中不起作用。我相信canvas本身可以正常工作,因为我的网页背景是黑色的,除了chrome之外,所有东西都显示为白色。只是canvas没有做它应该做的事情 我能做些什么来修复它 下面是与画布有关的所有内容。它从HTML音频元素中提取歌曲,并继续创建音频可视化工具 代码: 您的浏览器不支持音频元素。 跳歌 我发现了我所面临的问题。 使用空的“src=”“”会导致edge和firef

我正在努力为我的网站买一台好看的收音机,chrome的一切都很好(大部分)。但这段代码在firefox或edge中不起作用。我相信canvas本身可以正常工作,因为我的网页背景是黑色的,除了chrome之外,所有东西都显示为白色。只是canvas没有做它应该做的事情

我能做些什么来修复它

下面是与画布有关的所有内容。它从HTML音频元素中提取歌曲,并继续创建音频可视化工具

代码:


您的浏览器不支持音频元素。 跳歌

我发现了我所面临的问题。 使用空的“src=”“”会导致edge和firefox出现错误,但不会导致chrome出现错误,无法加载画布

<source id="source" src="" type="audio/mp3">//Results in an error loading media because there is no source.
//由于没有源,导致加载媒体时出错。

无法在Firefox 65.0.2 for Windows中复制。动态分析仪输出显示在画布上,播放本地mp3文件,而不会更改发布的代码。请显示您尝试的HTML。我尝试时,它在Edge中也起作用。问题似乎出在你没有发布的东西上。请查看帮助中心关于“我的服务器崩溃,我无法获取代码”的文章。我已经更新了我目前在这个项目中使用的代码。不,这不是“一切都与画布有关”,但几乎与画布无关。最重要的是,没有对问题的描述,你只是在问如何解决它。您希望我们如何修复我们不知道它是如何损坏的东西?不,引用所说的是动态地将
src
设置为空字符串
,即通过js,使用
imgNode.src=“”
imgNode.setAttribute('src',”)。此外,您的节点没有src对于Chrome来说也是一个问题。但既然你没有解释你面临的问题是什么,我们就不可能帮助你。