Question

我正在努力解决的问题实际上更深入，我将源设置为来自文件输入元素的数据URI。当它不起作用时，我在我的本地主机服务器上将其切换为已知的mp3，其中托管开发网站但是遇到了同样的问题。 HTML5音频UI元素加载但不显示音频。

为了深入研究这个问题，我在localhost /：

的根目录下创建了一个测试页面

<!DOCTYPE html>
<html>
<head>
<title>test</title>
</head>
<body>
<audio controls>
    <source src="audio_test.mp3" type="audio/mpeg">
</audio>
</body>

该文件保存为audio_test.html，并以localhost/audio_test.html的形式访问。如果我以这种方式访问它，我会得到与我遇到问题的页面完全相同的错误。如果我通过浏览器将其作为文件“file：/// C：/inetpub/mysite/audio_test.html”访问，则音频元素可以正常工作。

我花了将近两个小时的时间，我仍然傻眼了。有谁知道发生了什么？

我检查了我的IIS7 MemeTypes，它几乎每个都存在。

谢谢：）

Answer 1

添加音频文件后，单击我的index.html文件时会播放该文件，但是当我使用localhost打开它时无效。

此代码位于我的服务器文件中：

app.use(express.static(__dirname + '/public'));

..它说我的内容将在哪里提供。

所以我将所有内容添加到我的公共文件夹（音频，图片，css，index.html ..）中，并且它有效！

Answer 2

在xampp上的localhost名称的htdocs文件夹中添加MP3，Wav和Ogg文件，它肯定会有效

HTML5音频标记不能与IIS7 localhost一起使用

2 个答案: