2010-07-22 115 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