Visual Studio 2010 和 ASP.NET MVC 中的 HTML5 音频控件问题答案

【问题标题】：Issue with HTML5 audio control in Visual Studio 2010 and ASP.NET MVCVisual Studio 2010 和 ASP.NET MVC 中的 HTML5 音频控件问题
【发布时间】：2011-03-19 09:07:36
【问题描述】：

我正在尝试将 HTML5 音频控件添加到我的页面。代码如下：

<audio src="../../Content/BattleNet_MusicLoop.ogg" 
controls="controls" autoplay="autoplay" loop="loop">
Your browser does not support the new HTML5 audio element.
</audio>

当我点击调试时，我可以看到音频播放器大约一秒钟，然后它变成了黑色的 gret，中间有浅色的“x”图标。我点击了“复制音频源”，来源似乎是正确的。浏览器不是问题，因为它是 Firefox 4.0 Beta 1。它可以在 http://www.w3schools.com/html5/tag_audio.asp 上播放这个完全一样的 HTML5 音频播放器。顺便说一句，我就是从那里得到它的。

我正在使用Visual Studio 2010 HTML5 add-in by Mikhail Arkhipov。我的项目基于 ASP.NET MVC 2 和 .NET Framework 3.5

任何想法可能导致此问题？

【问题讨论】：

标签： asp.net asp.net-mvc visual-studio audio html

【解决方案1】：

您必须将歌曲上传到服务器，由于某种原因，如果它在 localhost 上，firefox 无法播放歌曲，请尝试将文件上传到类似工具文件的主机并获取 url 并将其用作 src

示例：

<audio autoplay="autoplay" controls="controls" >
        <source src="http://dl.toofiles.com/vaaoje/audios/rooster.ogg" type="audio/ogg" />
        <source src="http://dl.toofiles.com/vaaoje/audios/rooster.mp3" type="audio/mpeg"/>
</audio>

ogg 文件用于 firefox，mp3 文件用于 chrome 和 IE。

【讨论】：

【解决方案2】：

您是否尝试替换 “../../Content/BattleNet_MusicLoop.ogg” 和 '' ?

【讨论】：

不应该吗？我现在就试试你的建议。更新：没有变化，和以前一样。

【解决方案3】：

在 chrome 中尝试一下，它应该可以工作。我在使用 Firefox 时遇到了同样的问题。

你的页面声明了什么 DTD？

【讨论】：

我正在使用 HTML5 ，如 W3 网站所示。我将在 Chrome 中尝试，看看它是否有效。