认识

2024年02月23日

柏拉文

越努力，越幸运

一、认识

---

HTML 媒体元素接口在属性和方法中添加了 HTML 元素来支持基础的媒体相关的能力，就像音频和视频一样。HTML 视频元素和 HTML 音频元素元素都继承自此接口。

二、语法

---

2.1 audio

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

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

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

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

const audio = new Audio();

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

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

2.2 video

通过 <video> 标签创建 HTMLVideoElement 对象, HTMLVideoElement 对象继承至 HTMLMediaElement 对象

<video id="video"></video>

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

通过 document.createElement('video') 标签创建 HTMLVideoElement 对象, HTMLVideoElement 对象继承至 HTMLMediaElement 对象, 可以将它附加到文档中以供用户交互

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