SVG可以使用javascript包含音频吗？

Question

我有一个基本的javascript互动的SVG，我也希望能够将一些音频放入其中。

澄清：

• 这是针对SVG本身，而不是HTML中的内联
• 我宁愿避免使用javascript库，但如果有必要，我可以。

有关如何实现这一目标的任何见解？

Answer 1

SVG 1.2 Tiny中定义了SVG <audio>和<video>元素标记。 Opera支持它们，但目前还没有其他UA支持它们。

除了IE 9/10之外，大多数地方都可以使用的解决方案是使用带有html <foreignObject>元素的<audio>元素作为孩子。

如果您需要IE9 / 10支持，我不认为这是一个很好的答案，因为它不支持<foreignObject>

Answer 2

如果您需要支持HTML5音频的浏览器，则可以将音频元素放在svg中（对音频元素及其子元素使用XHTML命名空间）。上次我尝试它不需要foreignObject包装器。 Here's an example显示如何执行此操作（适用于chrome，firefox和opera）。

也可以使用javascript创建HTML5音频元素，并在SVG中使用它们。