音频未在html中播放_Html_Audio_Web_Pug

音频未在html中播放

html audio web

音频未在html中播放,html,audio,web,pug,Html,Audio,Web,Pug,我将音乐存储在一个单独的文件夹中，我正在尝试播放该文件夹中的音乐，但是该音乐不会播放。知道为什么吗？所有的帮助都将得到感谢。也尝试在Jade中做同样的事情，所以如果你们告诉我代码，那也太棒了 <body> <li> <audio controls> <source src="./songs/Remember-The-Name.mp3" type="audio/mp3"> </a

我将音乐存储在一个单独的文件夹中，我正在尝试播放该文件夹中的音乐，但是该音乐不会播放。知道为什么吗？所有的帮助都将得到感谢。也尝试在Jade中做同样的事情，所以如果你们告诉我代码，那也太棒了

<body>
    <li>
        <audio controls>
            <source src="./songs/Remember-The-Name.mp3" type="audio/mp3">
         </audio>
    </li>
<body>

html文件的路径：

/用户/桌面/音乐应用程序/视图/test.html

音频文件的路径：

/用户/桌面/音乐应用程序/歌曲/记住名字.mp3

试试这个。。它起作用了

将

。

添加到上一个目录并使用

type=“audio/mpeg”

您可以动态生成音频播放器，我相信您的问题在于找到mp3的正确路径。使用此代码并更改第6行上的src值。如有疑问，请使用绝对路径或相对路径

。/songs/记住名称。mp3

var audio=document.createElement（'audio'）；
var source=document.createElement（'source'）；
var media=document.getElementById（'media'）；
媒体。儿童（音频）；
音频。附加子（源）；
source.setAttribute（'src'，'https://glpro.s3.amazonaws.com/_util/smpte/111.mp3');
source.setAttribute（'type'，'audio/mpeg'）；
setAttribute（'controls'，'controls'）
确保音频链接正确。
这对我很有帮助。
还尝试使用m4a，但m4a似乎不起作用。您是否检查了路径是否正确？例如，如果它加载在开发者工具（F12）的网络部分。这是我的目录视图，有什么问题吗？@beekeeper，音频文件和HTML文件在同一个文件夹中吗？@PhiterFernandes没有，它在一个单独的文件夹中。与以前一样，它会导致播放器出现问题，但是播放器不工作。他的解决方案应该有效，考虑到文件路径。是的，当我第一次尝试他的计划时，我有一个名称错误，它确实有效。我只是在装傻：（目前我没有在我的前端使用任何javascript代码，没有它有什么办法可以做到吗？当然你这样做很好，只要记住mp3的type=audio/mpeg
。对于src
，试试。/songs/记住名字。mp3
如果对你有效，就给Rahul Kumar接受并给我一个升级票；）我之前试过，我太新了：（另一个简单的问题，我如何播放.m4a文件？不用担心，只需完全按照您现在正在做的操作，但使用type=“audio/mp4”
我想你可以同时加载mp3和m4a，只需使用单独的元素。如果它们是具有不同文件扩展名的同一首歌，这是有意义的。这更符合浏览器兼容性，但我相信mp3非常通用。这应该是一个注释
<body>
    <li>
        <audio controls>
            <source src="../songs/Remember-The-Name.mp3" type="audio/mpeg">
         </audio>
    </li>
<body>