Javascript 音频播放时没有可视化

我试图在没有任何视觉效果的情况下播放音频。我使用了以下代码：

div#mp3_播放器{宽度：500px；高度：120px；背景：1000；填充：5px；边距：50px自动；边框半径：10px；}
div#mp3_player>div>audio{宽度：500px；背景：#000；float:left；}
div#mp3_播放器>画布{宽度：500px；高度：60px；填充：0px；背景：ffffff；浮动：左；边框半径：10px；}
window.AudioContext=window.AudioContext | | window.webkitadiocontext；
//创建音频对象的新实例并调整其某些属性
var audio=新音频（）；
audio.src='flexxx-Camry 3.5.mp3'；
audio.controls=true；
audio.loop=true；
audio.autoplay=true；
//确定分析仪将使用的所有变量
var画布、ctx、源、上下文、分析器、fbc_数组、条形、条形、条形、条形宽度、条形高度；
//在页面将其所有HTML加载到窗口后初始化MP3播放器
addEventListener（“加载”，initmp3plyer，false）；
函数initMp3Player（）{
document.getElementById（'audio_-box'）.appendChild（audio）；
context=新的webkitAudioContext（）；//AudioContext对象实例
Analyzer=context.createAnalyzer（）；//AnalyzerNode方法
canvas=document.getElementById（'analyzer_render'）；
ctx=canvas.getContext（'2d'）；
//将音频播放重新路由到AudioContext的处理图中
source=context.createMediaElementSource（音频）；
源。连接（分析仪）；
分析器.连接（上下文.目的地）；
frameLooper（）；
}
//frameLooper（）为您希望播放音频的任何图形样式设置动画
//以浏览器提供的默认帧速率循环（约60 FPS）
函数frameLooper（）{
webkitRequestAnimationFrame（frameLooper）；
fbc_阵列=新UINT8阵列（分析仪频率b计数）；
分析仪。GetByTefFrequencyData（fbc_阵列）；
ctx.clearRect（0，0，canvas.width，canvas.height）；//清除画布
ctx.fillStyle='white'；//条的颜色
钢筋=100；
对于（变量i=0；i

只需将音频标签添加到dom中即可

    var audio = new Audio();
    audio.src = 'UncleFlexxx - Camry 3.5.mp3';
    audio.controls = true;
    audio.loop = true;
    audio.autoplay = true;
    document.getElementById("mp3_player").appendChild(audio);

---

我想你只需要在DOMGive me pastebin.com的某个地方添加音频标签please@FerFooy这只是一行代码。Pastebin是过度杀伤力，但可视化却不是work@FerFooy我很困惑。你说“我试图在没有任何视觉化的情况下播放音频”，然后你展示你尝试过的代码，这是一个视觉化的代码。现在，您似乎只是在问如何删除可视部分。你得到了答案，但现在你说“可视化不起作用”…**（1）**你想在音频播放时实现可视化吗？是还是不是？（2） 这被标记为正确。你的问题解决了还是你需要视觉效果？问题解决了