2012-07-26 65 views
0

爲什麼我不能把我自己錄製的聲音在我的網站...聲音嵌入到我的網站

file:///C:/Users/smilburn/Desktop/bug.wav 

我已經試過這...

<li data-word="bug" data-audio="file:///C:/Users/smilburn/Desktop/bug.wav" data-pic="http://pixabay.com/static/uploads/photo/2012/04/16/12/17/black-35741_640.png"></li> 

回答

1

您可以播放使用HTML5音頻元素的聲音文件:

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    <script type="text/javascript"> 
     function playSound(urlOfSoundfile) { 
      document.getElementById("audioPlay").src=urlOfSoundfile; 
      document.getElementById("audioPlay").autoplay="autoplay"; 
     } 
    </script> 
</head> 
<body> 
    <ul> 
     <li onclick="playSound('http://www.wav-sounds.com/various/beep.wav')">Click here to play sound from www</li> 
     <li onclick="playSound('file:///C:/Users/smilburn/Desktop/bug.wav')">Click here to play sound from local file</li> 
    </ul> 
    <audio id="audioPlay"> 
    </audio> 
</body> 
</html> 

由於現在並不是每個瀏覽器都支持每一個聲音文件格式,因此要跨瀏覽器符合您應該提供多種格式的聲音文件。

0

您需要舉辦文件在某處。源不能從您的本地驅動器。如果您完全控制您的網站,只需將該文件託管在您自己的服務器上。

編輯:爲了更詳細地介紹,您當前正在嘗試做的是讓您的web服務器在Web服務器上不存在的目錄中找到文件。您將它指向位於本地驅動器(您的計算機)上的文件。 C:/您的網絡服務器上不存在。您需要將該文件放在Web服務器本地的目錄中,而不是您自己的計算機上。您可以使用第三方託管站點或自己託管它。

如果你想自己專門舉辦的,訪問您的網絡服務器和創建文件夾的聲音文件

(例)文件:/yourwebsite/res/sounds/bug.wav

+0

我該怎麼做呢? – m0onio 2012-07-26 15:50:31

+0

您需要將其設置爲在您的Web服務器上查找文件。你如何管理你的網站? – jzacharia 2012-07-26 15:51:36

0

嘗試找尋HTML5 audio所以你可以看到你應該怎麼做。