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

 时间:2026-04-22 14:20:48

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

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

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

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

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

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

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

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

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

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

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

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

  • SQL Server如何附加其他数据库文件
  • 在VScode中如何将界面语言设置为中文
  • 怎样在VScode中开启自动换行
  • mysql ERROR 1045 (28000)怎么解决
  • tomcat怎么修改端口号
  • 热门搜索
    凉拌土豆丝的家常做法 兔肉的做法 c1驾驶证6年到期怎么换 清蒸鲤鱼的做法大全 千层葱油饼的做法 胆囊壁毛糙是怎么回事 早餐食谱简单快速做法 藕饼夹肉的做法 产妇鸽子汤的做法 鸡腿的家常做法