Buttonclick 在HTML页面中单击按钮立即播放声音_Buttonclick_Playsound

Buttonclick 在HTML页面中单击按钮立即播放声音

Buttonclick 在HTML页面中单击按钮立即播放声音,buttonclick,playsound,Buttonclick,Playsound,在我的HTML页面中，我有9个用于拨号的图像和一个显示按下的号码的文本框。我希望当用户点击这些图像时，它们能立即播放嘟嘟声。我尝试使用embed with hidden属性并将其源导航到.wav声音它工作正常，但当我立即一个接一个地按下图像时，它无法播放声音，最后只能播放一次在“onclick”方法上播放.wav声音有没有更快的方法？如果您只需要支持最新的浏览器，那么HTML5为您提供了音频对象要加载/缓冲您的声音： var snd = new Audio("file.wav"); 要播

在我的HTML页面中，我有9个用于拨号的图像和一个显示按下的号码的文本框。我希望当用户点击这些图像时，它们能立即播放嘟嘟声。我尝试使用embed with hidden属性并将其源导航到.wav声音

它工作正常，但当我立即一个接一个地按下图像时，它无法播放声音，最后只能播放一次

在“onclick”方法上播放.wav声音有没有更快的方法？

如果您只需要支持最新的浏览器，那么HTML5为您提供了

音频对象
要加载/缓冲您的声音：
var snd = new Audio("file.wav");

要播放声音，请执行以下操作：
snd.play();

要将其重新提示到开头（以便可以再次播放）：
可以使用嵌入元素播放声音，但必须检查不同浏览器支持的格式
<p>In short, you're treated like a whole person, instead of a rented mule. <audio id="sound1" src="assets/donkey2.mp3" preload="auto"></audio><a class="icon fa-volume-up" onclick="document.getElementById('sound1').play();"></a>



var playSound=函数（声音文件）{
$（“#声音”）.html（“”）；
}
这个@klaustopher（）的回答对我很有帮助。他写道：
HTML5有一个新的图标“fa volume up”（位于网页的“mule”之后），它可以播放“donkey2.mp3”的声音（注意：mp3不能在所有浏览器中播放）
简而言之，你被当作一个完整的人，而不是一头租来的骡子。
此代码允许您输入图片按钮；当你点击时会听到声音。它可以与谷歌浏览器和微软边缘，但我不能让它在互联网浏览器工作。我使用HTML5代码；请复制粘贴并添加您自己的样品
</head>
<body>
<script>
var audio = new Audio("/Sample.wav ");
audio.oncanplaythrough = function ( ) { }
audio.onended = function ( ) { }
</script> <input type="image" src="file://C:/Sample.jpg" onclick="audio.play ( )">
</body>
</html>


var audio=新音频（“/Sample.wav”）；
audio.oncanplaythrough=函数（）{}
audio.onended=函数（）{}

更多关于代码的信息请参见
基于公认答案的示例（在Chrome 70中测试），但我不需要重新提示：
<button onclick="snd.play()"> Click Me </button>

<script>
    var snd = new Audio("/Content/mysound.wav"); 
</script>

点击我
var snd=新音频（“/Content/mysound.wav”）；
播放音效时，我会这样做：
    <html>
            <body>
        <audio id="sfx"><source src="mysound.mp3"></audio>
            <button onclick="playsound()" id="button">Play a sound!</button>
            <script> function playsound() {
    
    var sfx = document.getElementById("sfx");
    sfx.autoplay = 'true';
sfx.load();}

按钮{
颜色：蓝色；
边界半径：24px；
边框：5px纯红；
}
身体{
背景色：#bfbf；
}

播放声音！
您的设备和浏览器是……？我所有的用户都使用Internet Explorer。Paul，我试过了，在Mozilla和Opera中效果很好。但不幸的是，它在IE 8中不起作用：（.是否有任何“音频”对象的替代品可以被旧的IE浏览器支持？嗨，保罗，我在IE 9中测试了“音频”对象，它没有显示任何错误，但不起作用，什么也不做？我必须为此启用任何功能吗？声音是如何编码的？IE9只喜欢MP3。此图表（）显示哪些浏览器支持哪些格式。如果要覆盖所有浏览器，则需要将声音编码为两种格式：mp3和WAV。我已经尝试了嵌入，但速度太慢。因为用户可以立即按几个按钮。您可以使用这两行使声音在Internet Explorer中工作，但我一直收到一个提示（Internet Explorer限制此网页运行脚本或ActiveX控件）这使我单击“允许阻止的内容”以便它可以工作。我正在使用Windows10 var audio=new audio（“/Sample.wav”）；var audio=new audio(“/Sample.mp3”）；
<button onclick="snd.play()"> Click Me </button>

<script>
    var snd = new Audio("/Content/mysound.wav"); 
</script>

    <html>
            <body>
        <audio id="sfx"><source src="mysound.mp3"></audio>
            <button onclick="playsound()" id="button">Play a sound!</button>
            <script> function playsound() {
    
    var sfx = document.getElementById("sfx");
    sfx.autoplay = 'true';
sfx.load();}