2010-07-22 109 views
1

我想将HTML5音频控件添加到我的页面。下面的代码:Visual Studio 2010和ASP.NET MVC中的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

任何想法可能会导致此问题?

回答

1

你必须将歌曲上传到服务器,由于某些原因,如果firefox不在本地主机上播放该歌曲,请尝试将该文件上传到某个主机,如toofiles并获取该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和铬和IE的MP3文件。

1

你尝试更换 “../../Content/BattleNet_MusicLoop.ogg” 与 '<%= Url.Content( “〜/内容/ BattleNet_MusicLoop.ogg”)%>' ?

+0

不应该?我会立即尝试你的建议。更新:没有变化,与以前一样。 – 2010-07-22 06:17:56

1

尝试在铬,它应该工作。 我有与Firefox相同的问题。

您的页面声明的DTD是什么?

+0

我正在使用W3网站上显示的HTML5 <!DOCTYPE html>。我会尝试在Chrome浏览器,看看它是否有效。 – 2010-07-22 10:48:52