将 JavaScript Blob 变量放入音频的 src 属性中

Question

在我的 JavaScript 代码中，我从音频 Blob 创建一个 URL。

var blobUrl = URL.createObjectURL(blob);

我有一个音频控制器。我该如何将blobUrl变量放入src =？

<audio controls="controls">
<source src= blobUrl type="audio/mp3">
</audio>

- SolidCloudinc

Answer 1

您需要获取 source 元素并设置其 src 属性。

让我们使用基本的 JavaScript DOM API 获取该元素。

var srcElement = document.getElementsByTagName("source")[0]; // Assuming there's only one

现在让我们使用以下方式设置 src 属性：

- 使用 srcElement.src = blobUrl; - 或者使用 srcElement.setAttribute("src", blobUrl); - 如果您使用 jQuery 选择器获取元素，则可以使用 jquery 的 element.attr() 方法。

- linstantnoodles