在 Web 前端开发中，我们经常会遇到需要控制音频和视频元素的播放进度的情况。HTML5 提供了 <audio> 和 <video> 元素来实现音频和视频的播放，而在控制播放进度时，我们可以使用 durationchange 事件来监测媒体文件的时长变化。
什么是 durationchange 事件
durationchange 事件是 HTML5 音频/视频元素的 DOM 事件之一，当媒体文件的总时长发生变化时触发。这个事件通常在媒体文件被加载后立即触发，然后在媒体文件的时长发生变化时再次触发。
如何使用 durationchange 事件
要使用 durationchange 事件，首先需要获取到音频/视频元素，并为其添加事件监听器。下面是一个简单的示例