Html 使用AudioContext和源自audio标记

我正在制作一个音乐播放器，我想根据当前播放的曲目添加一个脉动效果

下面是一些我想要的例子：

我的问题是，在第一个示例中，声音是通过xhr加载的，而在第二个示例中，它使用flash

我希望能够从音频标签中获得我想要分析的声音

---

我担心这是不可能的，因为我们可以加载网页而不是声音，然后对其进行分析，这将导致严重的安全性不足。有解决办法吗

下面是一个通过Web音频API执行的实现：

和背景：

---

您可以在AudioContext中使用createMediaElementSource方法

<audio id="audio" src="test.mp3"></audio>
<script type="text/javascript">
    var context = new webkitAudioContext;
    var el = document.getElementById('audio');
    var source = context.createMediaElementSource(el);
    source.connect(context.destination);
    el.play();
</script>

var context=新的webkitAudioContext；
var el=document.getElementById（'audio'）；
var source=context.createMediaElementSource（el）；
source.connect（context.destination）；
el.play（）；

几秒钟后问了一个类似的问题，然后注意到你的问题：）对我有用。通过1）模拟标记2）让您访问AudioContext，它达到了相同的目的。为什么你不能使用这个？我只是想建立一个个人音乐播放器，并发现音频api，我想要一个“漂亮”的解决方案，使用覆盖不是我要找的。即使奥迪亚看起来不错。它还使用xhr加载音频文件。感谢您对我的“问题”感兴趣；（实习编辑：顾萍）我非常喜欢这种方法，因为它不需要提示用户输入权限或全局输入上下文，只需要音频标签。