JavaScript的音频对象对HTML5音频标签 [英] javascript Audio object vs. HTML5 Audio tag

问题描述

在一个项目，最近，当我加载的声音

In a project recently when I loaded a sound with

var myAudio = new Audio("myAudio.mp3");
myAudio.play();

据起到罚款，除非对话开幕（即警告，确认）。然而，当我尝试，而不是在我的HTML添加音频标签

It played fine unless a dialogue was opened (ie alert, confirm). However when I instead tried adding an audio tag in my html

<audio id="audio1">
    <source src="alarm.mp3" type="audio/mpeg" />
</audio>

和使用

var myAudio1 = document.getElementById("audio1");
myAudio1.play()

它继续对话被打开后玩。有谁知道这是为什么？也更普遍是什么两种方式播放声音的区别？

it continued to play after a dialogue was opened. Does anyone know why this is? Also more generally what are the differences between the two ways to play sounds?

推荐答案

据 Mozilla的<这个维基条目 code>＆LT;音频＆GT; 和新音频（）应该是相同的，但它不像是在实践中的情况下。每当我需要创建一个音频对象在JavaScript中我其实只是创建一个＆LT;音频＆GT; 这样的元素：

According to this wiki entry at Mozilla <audio> and new Audio() should be the same but it doesn't look like that is the case in practice. Whenever I need to create an audio object in JavaScript I actually just create an <audio> element like this:

var audio = document.createElement('audio');

这实际上创建了一个音频的元素的，您可以使用完全一样的＆LT;音频方式＆gt; 这是在页面的HTML声明的元素

That actually creates an audio element that you can use exactly like an <audio> element that was declared in the page's HTML.

要使用这种技术，你应该这样做重新创建例如：

To recreate your example with this technique you'd do this:

var audio = document.createElement('audio');
audio.src = 'alarm.mp3'
audio.play();

这篇关于JavaScript的音频对象对HTML5音频标签的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！