HTMLAudioElement - 提供对 <audio> 元素的访问和操作
HTMLAudioElement 接口提供对 <audio> 元素属性的访问,以及操作它们的方法。它派生自 HTMLMediaElement 接口。
属性
没有特有的属性; 继承其父级 HTMLMediaElement 和 HTMLElement 的属性。
方法
从其父类 HTMLMediaElement 和HTMLElement 继承了方法。
构造函数
语法
mySound = new Audio([URLString]);
描述
音频元素的构造函数。返回对象的 preload 属性设置为 auto,src 属性设置为参数值。浏览器在返回对象之前开始异步处理资源。
注意:只要正在播放,就不会对使用
new Audio()构造的 Audio 元素进行垃圾回收。它将继续播放并可被听到,直到调用pause()或播放结束。
参数
URLString (预期类型:DOMString;可选)
构造的 HTMLAudioElement 的 src 属性。
常规方法
| 名称 & 参数 | 返回值 | 描述 |
|---|---|---|
mozCurrentSampleOffset()
|
unsigned long long |
指示通过调用 mozWriteAudio() 创建的音频流的当前偏移量。该偏移量指定为自流开始以来的样本数。 |
mozSetup(in PRUint32 channels, in PRUint32 rate)
|
void |
设置用于写入的音频流。您可以指定通道数(单声道为 1 或立体声为 2),然后是采样率(例如,44.1kHz 为 44100)。 |
mozWriteAudio(in jsval data)
|
unsigned long |
将音频写入当前偏移量的流中。返回实际写入流的字节数。 |
实例
基本用法
您可以完全使用 JavaScript 来创建 HTMLAudioElement :
var horn = new Audio('car_horn.wav');
horn.play();
音频元素的一些常用属性包括 src,currentTime,duration,paused,muted 和 volume。该代码段将音频文件的持续时间复制到变量:
var horn = new Audio('car_horn.wav');
horn.addEventListener('loadeddata', () => {
let duration = horn.duration;
// duration 变量现在保存音频剪辑的持续时间(以秒为单位)
})
规范
| 规范 | 状态 | 备注 |
|---|---|---|
| HTML Living Standard HTMLAudioElement 的定义 |
现行的标准 | - |
| HTML5 HTMLAudioElement 的定义 |
推荐 | - |
桌面浏览器兼容性
| 特性 | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
| 基础支持 | 支持 | 支持 | 3.5 | 9 | 支持 | 支持 |
mozCurrentSampleOffset |
不支持 | 不支持 | 4 | 不支持 | 不支持 | 不支持 |
mozSetup |
不支持 | 不支持 | 4 | 不支持 | 不支持 | 不支持 |
mozWriteAudio |
不支持 | 不支持 | 4 | 不支持 | 不支持 | 不支持 |
移动浏览器兼容性
| 特性 | Android | Chrome for Android | Edge mobile | Firefox for Android | IE mobile | Opera Android | iOS Safari |
|---|---|---|---|---|---|---|---|
| 基础支持 | 支持 | 支持 | 支持 | 4 | 未知 | 支持 | 支持 |
mozCurrentSampleOffset |
不支持 | 不支持 | 不支持 | 支持 | 未知 | 不支持 | 不支持 |
mozSetup |
不支持 | 不支持 | 不支持 | 支持 | 未知 | 不支持 | 不支持 |
mozWriteAudio |
不支持 | 不支持 | 不支持 | 支持 | 未知 | 不支持 | 不支持 |
相关链接
- 实现该接口的 HTML 元素:
<audio>。