2012-07-26 72 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所以你可以看到你应该怎么做。