将firefox播放栏更改为音频的onclick按钮答案

【问题标题】：Change firefox playback bar into a onclick button for audio将firefox播放栏更改为音频的onclick按钮
【发布时间】：2013-09-12 08:52:27
【问题描述】：

同样的问题！众所周知，由于专利等原因，Firefox和音频是一个问题。我在互联网上找到了这个小代码来播放我的声音文件。

我想在浏览器中不显示显示栏的情况下播放多个文件而不是一个文件

您可以将播放器宽度更改为 0，但用户无法点击播放按钮：P 有没有办法在点击链接或按钮时播放声音。

请注意。不要给我在 chrome 和 ie 之外不兼容的代码。

HTML

    <audio id="audioplayer" preload controls loop style="width:400px;">
    <source src="sounds/sound1.mp3">
    <source src="sounds/sound1.caf">
    </audio>

Javascript

    <script type="text/javascript">
    var audioTag = document.createElement('audio');
    if (!(!!(audioTag.canPlayType) && ("no" != audioTag.canPlayType("audio/mpeg")) &&  ("" !=     audioTag.canPlayType("audio/mpeg")))) {
    AudioPlayer.embed("audioplayer", {soundFile: "sounds/sound1.mp3"});
    }
    </script>

回顾：在按钮或链接单击时播放声音。有多种声音可供播放（不仅仅是一种）与火狐的兼容性不可见的条形音箱。

【问题讨论】：

你尝试过你的建议了吗？发生了什么？
它变成了 0 长度。无法点击
您可能想制作自己的播放按钮。
创建一个按钮，处理它的点击事件，使用 DOM API 播放音频。这些在 Firefox 中都没有什么不同，除了它支持的格式。
你能给我看一个工作的例子吗，因为我不知道 dom api 是什么……

标签： javascript html firefox audio

【解决方案1】：

仍在学习自己。但这是一个按钮，带有播放音频文件的脚本。（我自己的解决方案的一部分）一次只播放一种声音，但不显示任何内容。您也可以使用 pause() 命令制作这样的函数，而无需设置 src。 currenttime 用于更改音频文件所在的部分。

<a href="#" onclick="playSnd('sounds/close_chat.wav');">Sound play button</a><br>

<script>

sound = new Audio();

function playSnd(soundSrc) {
sound.src = soundSrc;
sound.play();
}
</script>

【讨论】：