除了Firefox之外，HTML 5的音频元素是否在所有浏览器中都被破坏了？
HTML 5的音频元素并没有在所有浏览器中被破坏。HTML 5的音频元素可以用于在网页中嵌入音频文件，使得网页能够播放音频内容。虽然不同浏览器的兼容性有所差异，但大部分现代浏览器都支持HTML 5的音频元素。
一些流行的浏览器如Google Chrome、Microsoft Edge、Safari等都支持HTML 5的音频元素，并提供了相应的音频格式支持，如MP3、AAC、OGG等。然而，由于不同浏览器之间的音频格式支持有所差异，开发者需要根据浏览器的要求提供适当的音频格式。
对于不支持HTML 5的浏览器，开发者可以通过JavaScript等技术手段来实现音频播放功能的兼容性。一种常见的做法是使用Flash插件来播放音频文件，但由于Flash已经逐渐退出主流浏览器的支持，开发者需要确保替代方案的可行性和兼容性。
腾讯云提供了一系列与音频相关的产品和服务，如腾讯云音视频解决方案、腾讯云音视频处理、腾讯云点播等，这些产品和服务可以帮助开发者在云计算环境下进行音频相关的开发和处理工作。您可以访问腾讯云官方网站了解更多相关产品和详细介绍：https://cloud.tencent.com/product/audio
相关·内容
在Firefox for Android上找不到这样的细节，是否可以使用for ex播放或发出任何音频警报。2.x安卓设备上的HTML5？
浏览 1提问于2012-08-23得票数 0
在我的html代码中有一个包含<p>标签的标签。但是Firefox3.6将<p>标签呈现在标签之外，这破坏了html。所有其他浏览器，包括不同的FF版本，都能很好地渲染它。请帮帮忙？
浏览 2提问于2011-08-12得票数 1
回答已采纳
2回答
我正在修复Firefox3.6上一个朋友的网页上的显示错误。它可以在所有其他浏览器中正确显示。我已经将问题缩小为:在大多数浏览器中，HTML是这样生成和解析的：
<section class="sidebar" style="height: 1106px; "><div class="sidebar-widget"><h3 class="sidebar-widget-title">Shopping Cart</h3><div id="sliding_cart&#
浏览 2提问于2011-08-31得票数 0
回答已采纳
当音频播放器在页面加载上播放音频文件时，我似乎不能让Firefox v20.0第一次触发“播放”或“播放”事件。
如果我单击“暂停”，然后单击“播放”，“播放”和“播放”事件都会触发，但不会在初始页面加载时触发。
如下所示，我尝试使用普通JS绑定到“play”/“play”事件，甚至尝试使用jQuery的bind()方法，但都无济于事。
似乎在Chrome v26.0.1410.64和IE 10中工作正常。这是Firefox中的错误吗？
// HTML
// ---------------------------------------------------
<audio contro
浏览 4提问于2013-04-10得票数 0
回答已采纳
我正在做一个有趣的音频站点，但我发现音频标签的loop属性在firefox中不起作用。我也知道条件语句只适用于IE，有没有其他方法可以实现同样的目标？
<![if firefox]>
<script src="script.js"></script>
<![endif]>
编辑:这是我当前的HTML代码。
<audio id="song_1" name="audio" autobuffer loop>
<source src="song.ogg" />
<
浏览 0提问于2012-02-15得票数 0
我正在使用Firefox和Firebug开发工具。 是视图源中显示的HTML(Ctrl + U)与我在使用Firebug检查元素时看到的HTML不同？ 两者有什么不同？
浏览 365提问于2018-02-07
回答已采纳
这段代码在IE和Chrome中运行得很好，除了firefox。我费劲地在IE和chrome中调整字段集，但最后我发现"TRY ME“已经用完了，这在IE和Chrome中有很大的不同。有什么解决方案吗？
css
fieldset
{
margin: 0 0 1em 0;
width:490px;
border: 5px solid Black;
}
html
<fieldset>
<legend>
<h2>
TRY ME
</h2>
</legend>
浏览 2提问于2011-01-10得票数 0
回答已采纳
1回答
我想在HTML文件中播放背景音频(不能更改为svg文件)。
我还把我的音频放在<svg>标签中(必需)。
<html>
<svg>
<audio id="backgroundmusic" loop>
<source src="backgroundmusic.wav" type="audio/wav" />
</audio>
</svg>
</htm
浏览 0提问于2018-11-12得票数 0
回答已采纳
我有一个音频文件，正在尝试从ASP.NET MVC Web Api项目中的一个目录中提供。由于某些原因，该文件拒绝在Safari或移动浏览器中播放。我可以使用其他任何浏览器来播放这个文件。
让我抓狂的是，如果我只是创建了一个虚拟目录，并将文件添加到那里，然后像/NewSite/song.m4a那样导航到它，它将在safari和移动设备中运行得很好。
我想可能是我的web.config搞砸了什么，所以我尝试创建另一个托管在IIS中的Web Api项目，但我仍然无法在Safari或新应用中的移动浏览器中播放音频文件。
我已经做了我能想到的一切。我有mime类型添加到我的网站。其他浏览器，如fire
浏览 0提问于2014-11-11得票数 0
3回答
我使用HTML Canvas构建了这个游戏，但我似乎在Mozilla Firefox中得到了这种奇怪的行为。我似乎得到了一个闪烁的效果。片刻的白色之后，一切都被画出来了。我认为这与clearRect有关，但我想知道它可能是什么？
浏览 0提问于2011-09-05得票数 1
回答已采纳
我已经创建了一个自定义的URL协议处理程序()。它的工作方式如下：
protocol:" <data_string_1> <data_string_2>"
这在谷歌Chrome中非常有用。当调用它时，我的程序将获得以下参数：
param_1: protocol:
param_2: <data_string_1>
param_2: <data_string_2>
但是，在Firefox中，整个过程调用都被放入param_1中，如下所示：
param_1: protocol:%22%20<data_string_1>%20
浏览 1提问于2015-04-21得票数 0
回答已采纳
网址参考：
音频网址(公共)：
HTML5播放器源代码：
当使用Android平板电脑或智能手机或使用Windows或Linux媒体程序(如VLC )时，在我参考的radio站点上很容易播放公共听觉月亮MP3广播流。
该站点不会在参考网站上的任何Linux或Windows浏览器中播放。
冒充安卓浏览器欺骗navigator.userAgent字符串没有效果。
广播电台是(P1)。有什么建议吗？
更新相关的Terrill Thompson源代码摘录：
this.audio.addEventListener('error', function() {
va
浏览 4提问于2014-01-18得票数 0
回答已采纳
3回答
在IE7/8中测试时，我的脚本崩溃了，我得到了这个错误.
SCRIPT438:对象不支持属性或方法“play”
我正在使用HTML5音频标签嵌入和播放音频在我的网页。
<div id="auido-container">
<audio id="music" loop="loop">
<source src="audio/holiday-for-mr-anderson-60secs.mp3"></source>
&
浏览 2提问于2012-12-11得票数 3
我使用了命令标签，但它的输出不正确，代码如下：
<html>
<body>
<menu>
<command onclick="alert('Hello World')">Click here</command>
</menu>
</body>
</html>
我正在firefox和internet explorer中查看输出。
浏览 1提问于2014-02-09得票数 0
1回答
我有一个<select>对象，我想在其中切换一些<option>，并通过使用jQuery .hide()函数来实现。它在Chrome/Firefox/等等中工作，但在IE9中不起作用。
小提琴链接：
HTML：
<select>
<option>Select a Term...</option>
<option class="0" value="0" style="display:none;">Option0</option>
<op
浏览 5提问于2014-04-10得票数 2
回答已采纳
我有一个使用集成表单的Django项目。但是它给我的客户发送了错误的HTML语法。这应该不是什么大问题，因为现在的浏览器会清理这类错误。但是，当表单被发送回服务器时，表单将无法进行验证，因为firefox会发回清理后的版本。
我有一个具有多项选择的表单：
class ProjectForm(forms.Form):
# [...]
project_leaders = forms.ModelChoiceField(widget=forms.SelectMultiple, queryset=User.objects.all(), initial=0)
此表单集成在相应的html文
浏览 0提问于2020-07-13得票数 0
在这个网站上，我正在为英语学生制作一个数字游戏。它根据浏览器的不同使用flash和html5音频播放器( somereason的插件使用firefox的flash，但这并不重要)。有16个音轨。flash播放器的div是#f-ONE，#f-TWO等，而html5是#ONE，#TWO等。
所有音频播放器在页面加载时都是隐藏的，然后(使用此小提琴中的工作代码)当您单击start按钮时，从16个数组中选择一个数字并将其分配给变量ran，然后如果它是flash，则添加#f-；如果是html5，则添加#，然后显示其中一个音频播放器。ran.show():，但是它不工作。
为了调试，我放入了一些conso
浏览 2提问于2011-07-20得票数 1
回答已采纳
1回答
我用了HTML5
<input type="datetime-local"` />
允许用户输入日期时间值的网页之一。这在谷歌Chrome上运行得很好。但是FireFox(26) and IE(10)它没有。不，在这里，它清楚地提到了这个HTML5标记的浏览器兼容性。如果有人知道，请帮帮我。
谢谢
马杜拉
浏览 2提问于2013-12-18得票数 2
回答已采纳
1回答
从流中检索音频轨道的名称
、、、、
我想用<audio>标记再现音频流，并显示当前曲目的名称。为此，我一直在使用音频的属性。
我知道这个特性是实验性的，所以我想尽办法启用它。
在Epiphany ( Gnome )中，这个特性工作得完美无缺(甚至不需要首先启用它)，但是在Chrome和火狐中，标签属性始终是空的。
Chrome和Firefox的实现被破坏了吗？还有其他api可以用来检索轨道的名称吗？
我是如何检索的：
document.getElementById('audio').audioTracks[0].label;
浏览 7提问于2021-02-06得票数 0
回答已采纳
1回答
是否可以更改HTML5音频标签中的“播放”、“暂停”和“音量”颜色。
当使用Firefox时，它们有一个非常深的颜色，它们使播放器看起来是禁用的。
浏览 0提问于2014-06-23得票数 6
回答已采纳
我用的是Django 1.8我获得了两个css文件的状态200，但是firefox说：
The stylesheet http://localhost:8000/css/full-width-pics.css was not loaded because its MIME type, "text/html", is not "text/css". localhost:8000
The stylesheet http://localhost:8000/css/mainstyle.css was not loaded because its MIME type, &
浏览 1提问于2015-07-04得票数 1
在Firefox11中，我在使用HTML5的画布和翻译的一些基本动画中遇到了偶尔的抖动/犹豫/卡顿。
请看下面的例子。
上面示例中的配置似乎在指定的移动速率下提供了最平滑的动画，当然，偶尔会出现卡顿。
类似的帖子中提出的建议似乎没有帮助，而且自2011年6月以来一直没有更新。同样，示例链接现在也被破坏了。请看。
浏览 1提问于2012-03-30得票数 3
除了Firefox，我经常使用Midori作为浏览器。每当我想在YouTube上看视频时，我只能得到音频。但根本就没有视频。据我所知，Midori确实支持HTML5，因此理论上一切都应该正常工作。
系统: Linux/Lubuntu 16.04.1 LTS，64位
欢迎任何建议。
浏览 0提问于2017-01-11得票数 1
我有一个如下的结构：
<a href="#">
<footer>
<p>Some text</p>
<h2>A Heading</h2>
</footer>
</a>
这在除Firefox3.6之外的所有浏览器(即使是带有HTML5shiv.js的IE6 )中都能正常工作和显示。在Firefox3.6中，显示是完全错误的，如果你使用Firebug来检查DOM，<footer>元素是空的，应该在它里面的元素在它之外。
所有标签都已正确关闭。在CSS中
浏览 1提问于2011-06-02得票数 3
回答已采纳
我希望对chrome和firefox都使用HTML 5音频标记：
<audio controls preload="metadata" style=" width:50px; border-radius: 100px;margin-top: 15px; float: left;">
<source src="https://s4.uupload.ir/filelink/MeiZSg8dmNUl_a0ba664242/koe_no_katachi_a_silent_voice_-_lit_(feora_r
浏览 2提问于2021-08-16得票数 1
回答已采纳
在这个例子中，通常的"var myCanvas = document.getElementById("myCanvas");“访问画布似乎不是代码生成正方形所必需的。
忽略这一点有什么缺点(从缩小的角度来看)吗？
取自的示例
在chrome、IE和firefox上测试
//var myCanvas = document.getElementById("myCanvas");
var canvasContext = myCanvas.getContext("2d");
canvasContext.fillRect(100, 100, 1
浏览 2提问于2018-04-19得票数 2
1回答
我想用我发现的东西来澄清某些事情，并用我不知道的东西提出一些问题，
通过浏览器捕获凸轮/麦克风可以通过getusermedia()完成；
我的设备有什么东西吗？因为getusermedia()似乎不适用于i设备
如何从网页浏览器应用程序捕获实际音频(例如。如果我播放一个音频文件并转发它2分钟，我想从html5播放器中捕获实际的音频流，以便保存实际的音频数据)
浏览 5提问于2012-09-28得票数 1
2回答
问题非常简单:当在浏览器中单击“红色红色”时: Chrome 17、FireFox 10、IE9、Opera 11.61，这两个元素都被适当的颜色所照亮。
当点击“绿色”时，它只发生在Chrome和FF中。在IE和歌剧“”中，什么都没有发生。为什么？
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style>
.container:active
{
background: red;
}
.container:active .in
{
b
浏览 3提问于2012-03-02得票数 0
回答已采纳
我安装了媒体模块，并且有一个音频文件的内容类型。音频字段的管理显示是音频。但是播放器在不同的浏览器中有不同的主题。这就是Firefox显示的内容
📷
这是给IE
的
📷
，它是铬
📷
有什么问题吗？为什么他们的主题不一样呢？
谢谢
浏览 0提问于2016-06-28得票数 0
1回答
我有以下代码：
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>
<audio controls>
<source src="_music/mysong.mp3" type="audio/mpeg" />
<source src="_music/mysong.ogg" type="audio/ogg" />
浏览 8提问于2018-08-15得票数 0
1回答
我正在寻找一种在html中嵌入视频和音频的解决方案。新的videotag支持.ogg和.mp4，但是对于.flv和其他格式有后备解决方案吗？
例如，如果我想嵌入一个.ogg，它将检查是否支持html5，如果不支持，它将使用回退。如果我想嵌入一个.flv，它会使用回退。
浏览 4提问于2012-06-20得票数 2
回答已采纳
这是FF插件
Pixel Perfect是一个Firefox/Firebug扩展，允许web开发人员和设计师轻松地在开发的HTML上覆盖web合成。
阅读更多：
如何像这个插件一样获得所有div后面的模型图像？这个工具只在firefox上显示布局背后的设计，我希望在所有浏览器上都能看到。
浏览 0提问于2010-02-03得票数 8
回答已采纳
1回答
我把mp3和mp4文件放在我的网站上，带有音频/视频html5标签。我希望这个文件可以被用户下载，并且Chrome显示一个下载按钮来完成这个操作，所以它是可以的。
但是我有一些用户使用IE和firefox，他们没有这个按钮。是否有一种方式来显示它，还是它只是一个铬的功能？
我尝试使用download=" download“html5属性向媒体文件添加下载链接，但是它在一个新选项卡上打开播放器中的文件。
我怎样才能强迫IE和firefox下载文件？
非常感谢
浏览 2提问于2018-04-16得票数 2
嗨，我在一个网站上工作，它使用新的HTML5音频元素。我已经准备好了.mp3s和.wav文件，这样它就可以在safari和火狐中播放了。Firefox在几秒钟内加载页面，但音频在播放过程中停滞。在safari中加载页面需要更长的时间，但回放效果非常完美。是.wav文件在某种程度上被损坏了，还是火狐认为它们在实际加载之前就被加载了？我真的很兴奋能够使用HTML5，我应该只使用flash吗？
浏览 2提问于2011-05-12得票数 0
2回答
我正在做一个HTML5音频播放器，并且我被困在制作音频可视化上。我在谷歌上搜索，我只找到firefox或chrome支持的可视化效果。所以现在我在这里问:有没有可能用HTML5和Javascript为所有最新的浏览器创建音频可视化？如果答案是肯定的:如何？如果答案是否定的:那么你能推荐什么呢？
浏览 4提问于2012-05-13得票数 2
回答已采纳
我正在尝试用javascript播放音频，这就是我所做的(根据我看到的另一个问题)：
var audio = new Audio('music.mp3');
audio.play();
现在我得到的问题是，mp3文件播放，但它损坏了，它感觉就像我暂停/播放mp3非常快。我也在不同的浏览器(mozilla、firefox和safari)上尝试过，但仍然是一样的。有人知道问题出在哪里吗？
浏览 0提问于2017-05-23得票数 0
我有这个html和js，我用它们来播放一些音频：
HTML
<div id="audio-clips">
<audio src="/audio/cha-ching.wav" type="audio/wav" id="audio-cha-ching">
</div>
JavaScript
var sfx = $("#audio-clips #audio-cha-ching")[0];
sfx.play();
这在IE 8中失败了，因为它不能识别"play“方法。有没
浏览 3提问于2012-10-15得票数 3
2回答
在HTML中设置下拉元素的样式
、、、、
嗨，我想改变下拉菜单的样式，在HTML中靠近选项标签。在火狐中，它可以正常工作，但在IE和谷歌chrome中却不能正常工作。
填充只在firefox中有效。背景颜色在所有浏览器上都有效，但在IE中您可以看到它，甚至在选定的值上也可以看到。
Html：
<label for="locale">locale:<em>*</em></label>
<select name="locale" id="locale">
<option selected="selected&
浏览 0提问于2013-07-05得票数 0
回答已采纳
1回答
我使用在WordPress中播放音频文件。当我在浏览器中播放音频时，就像在新窗口中播放Firefox音频一样。我不知道为什么会发生这种事。
我的JS代码：
<script type="text/javascript" src="script/soundmanager2.js"></script>
<script type="text/javascript" src="demo/index-rollup.js"></script>
我的HTML代码：
<ul class="
浏览 4提问于2013-10-29得票数 1
2回答
我遇到了一个问题，某些代码在所有浏览器上都能完美地工作，直到我来到Safari，它给我带来了问题。我继承了这段代码，我不是jQuery专家，所以不用说我有点困惑：
var xt_begin=$('#begin')[0];
xt_begin.currentTime = 0;
xt_begin.play();
"#begin“是在使用这段代码的超文本标记语言中设置的音频元素，.play()函数位于正在使用的jQuery插件()中。
在除Safari之外的所有浏览器中，play都被定义为好像xt_begin是该timer类的对象。然而，在safar
浏览 1提问于2012-10-31得票数 0
1回答
windows下的交叉浏览ie8
、、、、
所以我的噩梦成真了。我需要使这个网站，我的发展，不仅对IE8，而且对IE赢XP，显然这个公司仍然得到支持XP和他们的所有内部网在XP下工作。
在对虚拟机做了第一次检查之后，这个网站看起来就像地狱一样，甚至布局都被完全破坏了，所以我决定使用html5shiv js (修复基本布局)，除了重置所有的边距和垫子以及<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/><![endif]-->。
但是一切看起来仍然很混乱，特别是一些东西，比
浏览 2提问于2014-04-18得票数 0
回答已采纳
我需要允许我的Web应用程序的用户在使用javascript实现的编辑器(在浏览器上工作)之后，将文件保存到他们的本地文件系统中，我在HTML5中听说过HTML5 API，但不确定在HTML5版本中是否支持它，特别是Firefox 5。
除了服务器端处理之外，有没有人可以在FireFox中允许用户将文件保存到本地文件系统(当然是具有用户的权限)。正如我所读到的，Google支持FileWriter API，但是我还不能让它工作。
浏览 2提问于2011-06-25得票数 4
我有几个网页的网页应用，最终它将是100%的移动准备，但它不是现在。
当有人从移动设备上访问它时，我会弹出一个对话框，告诉他们它还没有准备好。
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
// some code..
//alert(navigator.userAgent);
.dialog();
}
有很多JS和HTML在页面加载
浏览 1提问于2013-11-27得票数 1
回答已采纳
做研究。我想使用HTML 5音频标签的桌面版本的我的网站，它是否可以删除它的移动使用@媒体。
浏览 1提问于2014-07-17得票数 0
回答已采纳
1回答
我想要达到的目标:在unicode字符上悬停应该会切换另一个span元素的可见性。在Chrome中工作，但在Firefox中不起作用。
我有以下HTML：
<span class="default" id="some_id">
<b id="another_id">⃠</b>
</span>
<span id="even_another_id" style="margin-left: 10px; display:none;">
浏览 3提问于2014-08-05得票数 2
回答已采纳
我将音频放到了页面的控制器中，但是当我加载不同的浏览器时，声音文件要么浏览器看不到，要么就不能工作。我已将文件转换为wav。这显然适用于IE，Opera，Firefox和Chrome，然而改变文件格式并不能改变这种情况。我知道它与HTML音频标签或其他东西有关，但我仍然不确定
<embed src="../Sounds/home_page_readout.wma" width="405" hidden="false" height="39" pluginspage="../Plugin/niftyplayer.f
浏览 0提问于2012-04-09得票数 0
回答已采纳
2回答
当我学习HTML时，我想和 的宽度是一样的，但是下面的例子显示这是行不通的。
<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8" />
</html>
<body style="font-family: Charter">
Foo Foo Foo
</body>
大多数字体的空格是相同的，但不像宪章(很容易找到其他的例子)。为什么会这样呢？我怎么才能修好它呢？
浏览 11提问于2021-12-29得票数 -1
2回答
我有一个HTML5音频播放器，可以在Chrome上正常工作。 ...但在IE或FireFox中不起作用。
我有一个备用的FLASH播放器，当用户无法使用mp3标签查看音频时，它应该会播放。但它并没有出现。请帮帮忙。谢谢!
浏览 2提问于2012-02-23得票数 0
1回答
我在HTML5/JSF页面中有一个标记，如下所示：
<audio controls="x">
<source src="resources/audio/test.wav" type="audio/wav" />
</audio>
从Firefox和Chrome浏览器查看时，音频控件的外观为黑灰色( audio o2.png)。当在Eclipse的“系统默认Web浏览器”( audio o1.png)中查看时，音频控件的外观更加明亮(多彩)。
我更喜欢audio1.png的颜色。有没有
浏览 0提问于2015-09-24得票数 0
1回答
我让webrtc在when应用程序中工作，但似乎当Chrome浏览器之间建立连接时，音频不会播放，而视频会播放。然而，这并不适用于Mozilla用户。所以..。
Chrome user 1 -> Chrome user 2=播放视频但不播放音频
Chrome user 1 -> Mozilla user 1=播放音频和视频
Mozilla用户1 -> Chrome用户1=播放音频和视频
Mozilla用户1- Chrome用户2=播放音频和视频
Mozilla user 1 -> Mozilla user 2=播放音频和视频
基于这一点，我很困惑为什么会发生这种情况，因
浏览 6提问于2017-05-04得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
