audio常用的事件及方法整理

最新推荐文章于 2024-03-04 11:23:10 发布

偷懒的付程序猿

最新推荐文章于 2024-03-04 11:23:10 发布

阅读量1w

点赞数 12

分类专栏： html5 文章标签： html5 javascript

本文链接：https://blog.csdn.net/qq_34656296/article/details/120759018

版权

本文整理了HTML5中audio元素的常用属性、方法和事件，包括src、autoplay、controls、muted等属性，以及load、pause、play等方法，还有oncanplay、oncanplaythrough、onended等事件。通过对这些特性的了解，可以更好地控制音频播放。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

audio

属性

可读写属性:

src: 播放文件地址

autoplay: 基于用户体验角度各大浏览器禁止自动播放

controls: 控制器显示

muted: 是否静音

loop: 是否循环播放

currentSrc: 当前播放地址

currentTime: 当前播放时长单位 s

duration: 音频时长单位 s

volume: 音乐音量 [0, 1] 最小值 0 最大值 1

playbackRate: 播放速度

只读属性:

paused: 音乐是否暂停播放 true--暂停 false--播放

ended: 音乐是否结束播放 true--结束 false--没有结束设置了loop 音频重复循环播放不会结束()

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button>更改播放地址</button>
    <button>从50%开始播放</button>
    <button>静音</button>
    <bu