frameBuffer，html5 canvas Audio API，不安全的操作错误

Question

我正在玩html5画布，我想制作一个声音播放频谱。我已经按照了几个教程，但它一直告诉我操作不安全。我从这里复制了直接代码：https://developer.mozilla.org/en-US/docs/Introducing_the_Audio_API_Extension我知道frameBuffer有效，因为我也尝试过这里的代码片段：http://videos.mozilla.org/serv/blizzard/audio-slideshow/#slide2

在这个网站上似乎工作得很完美，但是当我将代码复制到我的网站时，它只是不起作用。

这是一个jsfiddle（必须在FF 14＆gt;中打开）： http://jsfiddle.net/6GMVC/2/

我得到的错误是：

SecurityError: The operation is insecure.
var frameBuffer = event.frameBuffer;

Answer 1

看起来像是一个跨域错误 - 这里有类似问题的讨论：

'Security error" code: "1000' in Audio API example

Answer 2

大多数浏览器否认对许多html5元素使用跨域包含。尝试使用位于同一服务器/域/ localhost

上的音频文件

如果您没有为您的项目运行服务器（仅使用.html文件），请尝试从本地主机服务器而不是（例如）桌面上的文件夹中打开它

在这里你可以找到一个免费使用的apache服务器http://www.apachefriends.org/en/xampp.html