JavaScript 参考手册 目录

Audio currentTime 属性

在 Web 开发中,音频播放是一个常见的需求。而控制音频的播放进度是其中一个重要的功能。在 HTML5 中,我们可以通过 Audio 对象的 currentTime 属性来控制音频的播放进度。

什么是 currentTime 属性

currentTime 属性是 Audio 对象中用来表示音频当前播放时间的属性。它的单位是秒,可以通过设置 currentTime 的值来控制音频的播放进度。

如何使用 currentTime 属性

要使用 currentTime 属性,首先需要创建一个 Audio 对象,并加载需要播放的音频文件。然后就可以通过设置 currentTime 属性的值来控制音频的播放进度。

下面是一个简单的示例代码:

--------- -----
----- ----------
------
----- ----------------
----- --------------- ---------------------------- -------------------
------------ ----------- ----------
-------
------
------ ------------ ---------
------- --------------- ------------------
---- ------- ---- --- ------- --- ----- --------
--------

--------
----- ----- - -----------------------------------
----------------- - --- -- --------- -- -
---------
-------
-------

在这个示例中,我们创建了一个 Audio 标签,并设置了 id 为 "myAudio",然后通过 JavaScript 获取到这个 Audio 对象,并将 currentTime 属性设置为 30 秒,表示播放进度为 30 秒。

currentTime 的应用场景

currentTime 属性的应用场景非常广泛,比如在音频播放器中,可以通过 currentTime 来实现拖动进度条控制播放进度;在教育网站中,可以通过 currentTime 来实现定位到特定的音频片段等等。

总之,通过控制 currentTime 属性,我们可以实现更加精细的音频播放控制,为用户提供更好的体验。


下一篇:概览