HTML 网页音频播放器怎么自动播放列表中的音频文件

html-css017

HTML 网页音频播放器怎么自动播放列表中的音频文件,第1张

首先对于：HTML 网页音频播放器，要知道这个是有2种模式的播放的；

<1>使用HTML5的autio标签；

<2>使用一般的embed标签。

列表中的音频文件；

这个问题，可以采用ul+li标签解决问题，例如如下：

<ul id="ul">

 <li><audio src="abc.mp3">abc.mp3</audio></li>

 <li><audio src="cde.mp3">cde.mp3</audio></li>

</ul>

此时，为了得到这个ul列表对象，从而获取旗下的所有的li对象里面的mp3文件，来得到我们播放的目的；

自动播放

在这个问题上，只要在页面载入时，就好了；

onload = function () {

  var audios = ul.getElementsByTagName("audio")

 audios[0].play()

}

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    <audio controls>

        <source src="../ziwojieshao/Music/123.mp3" type="audio/mpeg">

        <!--音乐文件路径自己写-->

    </audio>

</body>

</html>

据个人了解

网页中的音乐播放代码有以下几种：

第一种:页面代码中的<head></head>之间加入<bgsound src="音乐url" loop="-1">这段代码。 loop指音乐循环的次数，可设置为任意正整数，若设为“-1”的话，音乐将永远循环。

第二种：

在网页代码中的<style></style>标签之间加入一个“Embed”标签，其最简形式就像这样：

<embed src="音乐url" autostart="true" loop="true" width="80" height="20">

不同的是，在这里我们可以设置更多内容，相信内容请看w3scholl手册！

第三种：

使用超链接

例如：<a href="horse.mp3">Play the sound</a>

<script src="http://mediaplayer.yahoo.com/latest"></script>

第四种：

使用 HTML5 <audio>元素

<audio>元素是一个 HTML5 元素，在 HTML 4 中是非法的，但在所有浏览器中都有效。

例子：

<audio controls>

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

<source src="horse.ogg" type="audio/ogg">

Your browser does not support this audio format.

</audio>