2017-09-08 77 views
0

我是新手写我的第一个网页。使用HTML播放音频<audio>

今天,我试图把背景音乐,并为它我写这样的:

</style> 
</head> 
<audio src = "cookingMusic.mp3" autoplay></audio> 
<body> 
<div class="container-fluid"> 
<div class="heading"> 

(后也被省略的部分)

所以,我把音频标签IN-在头部和身体之间。我也尝试了几个不同的地方。所有未能产生任何音频。 cookingMusic.mp3文件位于我的电脑桌面上,位于与我的HTML网页文档相同的文件夹中。我究竟做错了什么?

+0

大家好,现在我有一个亟待解决的问题。它的工作,但我现在试图在Github上做同样的改变(这是我的练习网页),但存储库不会将MP3文件作为一个新问题(这是我知道的唯一方法,我的图片)。我如何在这种情况下嵌入音频? – turtlemeng

+0

如果你想添加一个文件回购,你需要使用Git。安装Git,在本地克隆你的repo,把文件放到合适的目录中,使用'git add',然后'git commit -a -m'添加一些MP3文件'',然后用'git push -u origin master'的。 – Brad

回答

-1

你的音频部分应该在body标签,就像这样:

<body> 
    <audio autoplay> 
     <soruce src="cookingMusic.mp3" type="audio/mpeg"> 
    </audio> 
</body> 

不要忘记设置一个类型的,像我一样。

-1

<audio preload="auto" autoplay="autoplay"> 
 
    <source src="https://www.w3schools.com/tags/horse.mp3" type="audio/mpeg"/> 
 
</audio>

上面的代码将是工作的罚款与在线音频URL /路径。
检查您的音频路径并将完整的相对路径与音频名称放在src标记中。

0

其他所有的答案都很好,但如果你不想让别人看到你的音频播放器,然后用这个:

<audio loop autoplay> 
 
<source src="https://www.w3schools.com/tags/horse.mp3" type="audio/mp3"> 
 
</audio>

Loop是可选的。只要把它放在身体标签的任何地方,它都能正常工作。

1

谢谢大家,它工作!

因为我在中英文之间跳跃,所以我觉得我的引号再次搞砸了。我改变了他们并获得了音乐。

-1
<audio autoplay> 
    <soruce src="cookingMusic.mp3" type="audio/mpeg"> 
    </audio> 

并把它放到<body>标签内