音频标签：音频标签是否与 Web Audio API 相同？答案

【问题标题】：Audio tag: Is Audio tag the same as Web Audio API?音频标签：音频标签是否与 Web Audio API 相同？
【发布时间】：2019-01-25 00:08:45
【问题描述】：

我看到有人问过这个问题，但没有直接看到这个问题的答案。我想知道 HTML5 音频标签是否仍在访问 web api？如果是这样，它与 Web Audio API 有什么不同？我只是想了解两者之间的区别。

【问题讨论】：

是和不是。音频是一个 html 标签。网络音频 api 可以获取输出，或提供播放器的内容。但两者都可以在没有另一个的情况下存在。您可以不带音频标签直接输出音频（通过音频上下文）

标签： html audio web-audio-api

【解决方案1】：

它们可以完全独立使用。

HTML 页面可以使用<audio> 标签，不涉及 Web Audio API。
JavaScript 可以使用 Web 音频 API，并且不涉及 <audio> 标记。

以下是使用 Web Audio API 的方法：

var context = new AudioContext();
var osc = context.createOscillator();
osc.connect(context.destination);
osc.frequency.value = 440;
osc.start();

这会发出很大的声音，因此请准备好关闭浏览器。这里振荡器是声音的来源。

两者之间唯一的交叉点是 Web Audio API 可以使用页面上的 <audio> 标签作为声音源。

见：createMediaElementSource

这对于将音频效果添加到 <audio> 或 <video> 标记以及其他音频处理内容非常有用。

【讨论】：

【解决方案2】：

这两个概念是不同的。

例如，W3C 提案 sed 标准对 Web Audio 的介绍做出了这样的声明：HTML5 中音频元素的引入非常重要，允许基本的流音频回放。但是，它还不足以处理更复杂的音频应用程序

因此暗示了这两个概念之间的区别：

HTML5 Audio element = basic playback by embedding audio data in HTML.

Web Audio API = An ECMA Script (JavaScript) based API to support audio capabilities comparable to those of a modern stand-alone PC, such as:

混合
处理和
过滤（例如洞穴或大教堂效果等，距离衰减，
多普勒频移等...

与现代游戏音频引擎中的音频制作应用功能相关的任务

请注意：此 API 仍然相对不支持所有浏览器和移动设备。

caniuse.com 站点可能有助于确定在不同平台上找到的对 HTML5 和各种相关技术的支持量。 W3C 为 Web Audio 起草标准这一事实有力地表明，该 API 将及时获得普遍接受和广泛支持，但目前还不是这样。

请参考此网址以获得更好的理解， https://developers.google.com/web/updates/2012/02/HTML5-audio-and-the-Web-Audio-API-are-BFFs

【讨论】：