3

如何通过<audio>HTML5 中的标签使用 JavaScript 部署选定的音频文件？我的代码是这样的：

<audio controls id="audio1">
    <source  src="" type="audio/ogg">
<source  src="" type="audio/mpeg">
</audio>

我不想src手动给。相反，我想通过 JavaScript 动态设置它。

在 JavaScript 中，用于src从文件中选择：

document.querySelector('#fileSelect').addEventListener('click', function(e) {
       // Use the native click() of the file input.
     audio.src = document.querySelector('#fileElem').click();
}, false);

我欢迎任何建议。谢谢。

4

2 回答 2

1

我不确定我是否理解你想要达到的目标。但是要为您发布的音频设置源：

var element = document.getElementById('audio');
if (element.canPlayType('audio/wav')) {
  element.src = "link";
} else if (element.canPlayType('audio/mpeg')) {
  element.src = "link";
} else {
   alert('Your browser does not support wav/mpeg audio.');
}

它不工作吗？究竟是什么问题？也许准备一些小提琴来仔细看看你想要实现什么。

于 2013-03-13T13:02:26.027 回答
1

你为什么不创建一个对象 Audio 并做这样的事情，而不是创建一个标签：

var som = new Audio();
som.src = "powerup.mp3";
som.load();

然后audio.readyState >= audio.HAVE_CURRENT_DATA 你可以打电话som.play();

这是前段时间为游戏框架编写的示例：https ://github.com/hamilton-lima/vaca5/blob/master/lib/audio.js

于 2013-03-13T13:14:41.190 回答