跳到主要内容

认识

2024年02月23日
柏拉文
越努力，越幸运

一、认识​

<audio> HTML 元素用于在文档中嵌入音频内容。<audio> 元素可以包含一个或多个音频资源，这些音频资源可以使用 src 属性或者 <source> 元素来进行描述：浏览器将会选择最合适的一个来使用。也可以使用 MediaStream 将这个元素用于流式媒体。

audio JavaScript API 继承自 HTMLMediaElement, 请前往 HTMLMediaElement 查看对应 HTMLMediaElement API。

二、语法​

2.1 <audio>​

通过 <audio> 标签创建 HTMLAudioElement 对象, HTMLAudioElement 对象继承至 HTMLMediaElement 对象, 以供用户交互、管理和播放背景音乐

<audio id="audio"></audio>

<script>
    const audio = document.getElementById('audio');
    console.dir(audio)
</script>

2.2 new Audio()​

通过 new Audio() 标签创建 HTMLAudioElement 对象, HTMLAudioElement 对象继承至 HTMLMediaElement 对象, 可以将它附加到文档中以供用户交互、管理和播放背景音乐

const audio = new Audio();

2.3 document.createElement('audio')​

通过 document.createElement('audio') 标签创建 HTMLAudioElement 对象, HTMLAudioElement 对象继承至 HTMLMediaElement 对象, 可以将它附加到文档中以供用户交互、管理和播放背景音乐

const audio = document.createElement('audio');