HTML 5 音频 (Firefox)
Posted
技术标签:
【中文标题】HTML 5 音频 (Firefox)【英文标题】：HTML 5 Audio (Firefox) 【发布时间】：2012-06-13 23:27:17 【问题描述】：我有点像 html 5 新手。我遇到的问题是标签在 Firefox 中工作。
我使用的代码是：
<audio src="Repipe-WebsiteNevada_06-24-08.ogg" controls autoplay>
<span class="style19"><a href="Repipe-WebsiteNevada_06-24-08.mp3">
A message from Repipe Specialists</a></span>
</audio>
它在本地工作，但是当我上传和测试它时。音频播放器根本不显示。
这是页面：
http://www.repipespecialists.com/landing/ctc/repipe_specialists_usa_test.html
有人可以帮忙吗？
【问题讨论】：
***.com/questions/4923136/… 【参考方案1】：您需要使用类型标签来指定您正在使用音频/ogg。类似的东西
<audio controls autoplay>
<source src="file.ogg" type="audio/ogg" />
<source src="file.mp3" type="audio/mp3" />
</audio>
（请注意如何将多个文件列为不同浏览器的备用文件。）
之后，您仍然需要配置您的服务器。 This *** answer 可能对他有帮助。
【讨论】：
感谢您的回复，我试过了。在 Firefox 中仍然无法工作：link【参考方案2】：我认为这与您的服务器端地雷类型配置以及浏览器如何解释不同内容类型的响应有关。
你的 ogg 文件的响应内容类型是text/plain，我猜对于像 Chrome 这样的一些浏览器，它能够预测真正的内容类型是 ogg，但 Firefox 不能做到这一点。
因此，Firefox 将无法将此文件加载为 ogg 音频。
【讨论】：
您尝试过 text/plain 还是从 text/plain 更改为 audio/ogg？【参考方案3】：<!DOCTYPE html>
<html lang="en-US">
<head>
<title>Tryit Editor v1.5</title>
<link rel="stylesheet" type="text/css" href="/tryit.css" />
<script type="text/javascript">
</script>
<style type="text/css">
body
color:#000000;
background-color:#ffffff;
margin:4px;
margin-top:0px;
</style>
</head>
<body>
<div style="position:relative;width:100%;margin-top:50px;margin-bottom:0px;">
<div style="width:960px;height:94px;position:relative;margin:0px;margin-left:auto;margin-right:auto;margin-top:5px;margin-bottom:5px;padding:0px;overflow:hidden">
<audio controls="controls">
<source src="song.ogg" type="audio/ogg" />
<source src="song.mp3" type="audio/mpeg" />
Your browser does not support the audio element.
</audio>
</body>
</html>
【讨论】：
以上是关于HTML 5 音频 (Firefox)的主要内容，如果未能解决你的问题，请参考以下文章