如何用js控制audio元素连续播放mp3文件

Posted 2023-03-15

参考技术A

1、首先我们先来看一下音频元素最基本的应用以及样式，如下图所示，运用audio元素即可,controls是用来控制是否显示控制条。

2、另外音频文件的格式也可以多样，如下图所示，也可以是ogg文件。

3、接下来我们来看一下音频元素的属性，上面创建的音频元素你发现它需要手动点击才能播放。如果你加了autoplay就会自动播放，如下图所示。

4、还有一个loop属性，是用来控制音频文件是否循环播放的，如下图所示。

5、接下来，preload属性是用来告诉音频文件是否预加载的，加上这个属性后。

6、最后要提醒的是src里面不仅可以写本地的文件，也可以写远程的文件地址，如下图所示。