有誰知道爲什麼這個音頻無法在FireFox中工作？

我一直在尋找和簡化這只是什麼導致問題。有誰知道爲什麼這個音頻無法在FireFox中工作？

<audio id="SoundHandle" style="display:none" /> 
<script type="text/javascript"> 
    SoundHandle = document.getElementById('SoundHandle'); 
    SoundHandle.src = 'test.ogg'; 
    SoundHandle.play(); 
</script>

上面的代碼工作正常在Chrome中，當我仍然有適當的檢查和這樣的，它在IE 9就職於一家MP3，但在Firefox它根本不播放聲音，也當我改變它在這個佈局中，我把它放在頁面的頂部。在Firefox中，除了播放聲音之外，腳本標記下的任何內容都不會呈現到頁面中。

有沒有人知道這件事？

來源

2012-07-17 user1530763

我在Chrome，但在Firefox notworking也。音頻作品很奇怪 – yossi 2012-07-17 07:54:19

如果你去[演示在Firefox工作（http://www.w3schools.com /html5/tryit.asp?filename=tryhtml5_audio_all），但如果你將代碼複製到你的編輯器，它就不能工作。我嘗試運行mp3，它不支持，但可能會支持它。 – yossi 2012-07-17 08:07:50

幾件事情：

有一些特定的JS-東西可以去上，在這裏，和一些服務器特定的事情，可以去上，也是如此。

要解決上述所有問題，請先嚐試此操作。

<audio id="player" controls> 
    <source src="test.ogg" type='audio/ogg; codecs="vorbis"'> 
</audio>

看看是否可以解決您的玩耍問題。如果是這樣，那麼你可能會處理JavaScript問題。

但是，如果該播放器根本不讓你播放音頻，即使它是100％的HTML，那麼你正在查看服務器問題。

有兩個罪魁禍首。第一種是MIME類型。 MIME類型是您在該源元素的「type」屬性中看到的第一部分。

他們告訴程序他們應該如何讀取文件中的數據。在過去，您會看到在CSS（type =「text/css」）或JS（type =「text/javascript」）中。

對於這些事情，根本沒關係 - 瀏覽器知道如何處理CSS以及如何處理JS，它們有點兒大。

FireFox 要求將您的服務器設置爲使用正確的MIME類型來服務.ogg/.oga/.ogv文件。 ie：FF需要知道如何處理它們，如OGG文件，而不是像文本文件。

看一看這裏： https://developer.mozilla.org/en/Configuring_servers_for_Ogg_media

這應該是調試的起點。之後，我們可以談談JavaScript。

它在Chrome中工作的原因是因爲Chrome使用一些魔術來猜測它是一個.ogg文件，即使服務器提示它是「文本/ html」文件。

來源

2012-07-17 07:32:01 Norguard

我FREIND它工作：

<html> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
<script type="text/javascript"> 
    var mediaElement = document.getElementById("myMediaElementID"); 
    mediaElement.pause(); 
    mediaElement.src = ""; 
</script> 
</head> 
<body> 
<audio id="demo" src="song.ogg"></audio> 

<div> 
    <button onclick="document.getElementById('demo').play()">Play the Audio</button> 
    <button onclick="document.getElementById('demo').pause()">Pause the Audio</button> 
    <button onclick="document.getElementById('demo').volume+=0.1">Increase Volume</button> 
    <button onclick="document.getElementById('demo').volume-=0.1">Decrease Volume</button> 
</div> 
</body> 
</html>

來源

2012-07-17 08:14:50 yossi

有誰知道爲什麼這個音頻無法在FireFox中工作？

回答

相關問題