跳到主要内容

认识

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

一、认识


Audio() 构造器创建并返回一个 HTMLAudioElement,可以将它附加到文档中以供用户交互,也可以用于管理和播放背景音乐。

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');