HTML 音频标签（识别音频文件但不会播放）

Posted 2023-03-07

【中文标题】HTML 音频标签（识别音频文件但不会播放）

【英文标题】：HTML audio tag (Recognizes audio file but wont play it)

【发布时间】：2016-04-09 13:52:13

【问题描述】：

我正在使用html audio tag 播放用户上传到我的网络应用程序（项目）的音乐。当使用xampp 作为我的本地服务器时，一切都很好，但是当使用filezilla 时出现问题。

音频文件已成功上传并被识别，但 HTML 音频播放器无法播放歌曲。任何想法为什么？

<audio controls>
<source src="user/videos/<?php echo $video;?>">

这里有一个测试文件的链接，以便更清楚

http://kunet.kingston.ac.uk/k1335948/test.php

测试文件代码：

<audio controls>
    <source src="10183.mp3" type="audio/mpeg">
</audio>

【问题讨论】：

xxamp

我们需要更多信息；请做一些调试方法。

我的意思是 xampp，（错字）

我已经发布了一个测试文件的链接，以便您更好地理解

好吧，你的浏览器告诉你什么？许多浏览器（firefox、chrome、opera...）都带有非常直观的 Web 开发/调试器工具。

【参考方案1】：

你必须在source标签中添加文件类型属性type="audio/mpeg"：

<audio controls>
        <source src="10183.mp3" type="audio/mpeg">
</audio>

添加/编辑：加上 mp3 文件似乎不存在或损坏，至少无法通过直接链接访问...

【讨论】：

我刚刚添加了它，但并没有什么不同。当我使用xampp 时，即使没有type，它也能正常工作。

查看我的答案的补充

不幸的是，我无法在屏幕上打印我的文件，但它确实存在。并且它没有损坏，因为当我使用 xampp 时，相同的文件可以工作。