Question

我的代码需要在点击时加载mp3文件并播放它。但是，当我加载页面时，它会出现404错误，如：

 "NetworkError: 404 Not Found - http://localhost/main/styles/images/ABCD.mp3"

我正在使用HTML5音频标签，就语法而言，它很好，因为它是一个简单的代码，我现在只是尝试。文件ABCD.mp3确实存在并具有权限。代码如下：

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="styles/style.css">

    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
   <script src="scripts/jquery.lightbox_me.js"></script>
   <script src="scripts/popupCommon.js"></script>


    <title>Popup contact form</title>
 </head>

 <body>


  <!-- Element to pop up -->
    <div class="element_to_pop_up">
        <a class="b-close">x</a>


        <!-- Popup Div Starts Here -->
        <audio controls>
 <source src="styles/images/ABCD.mp3">
 </audio>

        <!-- Popup Div Ends Here -->
    </div>

 <div id="my-button" class="boxbare" style="margin:0 2px;padding:2px;cursor:pointer;">
                <div style="min-height:140px;text-align:center;"><img src="styles/images/play.png" /></div>
                <div id="play" class="abut" style="width:120px;text-align:center;margin:0 auto;color:black;">play</div>
                </div>

</body>

<!-- Body Ends Here -->

</html>

请忽略文件的位置。我将它保存在图像文件夹中只是为了试验，并确保我将文件放在正确的目录中。终端上的列表结果如下;

[root@localhost /]# cd /var/www/html/main/styles/images/
[root@localhost images]# ls -al ABCD.mp3 

-rw-r--r-- 1 root root 35971 Jan  9 13:48 ABCD.mp3

[root@localhost images]#

我在这里错过了什么重要的事情吗？如何使用标签和访问mp3文件？

在文件存在于目录中时，在linux机器上使用html5音频标签尝试播放mp3文件时出现404错误

0 个答案: