精确捕获HTML5视频的Seeking事件：优化视频播放行为追踪

const video = document.querySelector('video'); // 假设已获取到video元素

// 定义一个对象来存储拖动状态和时间
const seekStatus = {
    start: null,
    end: null,
    isSeeking: false // 状态标志位，指示是否正在拖动
};

// seeking事件处理函数
const seekingHandler = () => {
    // 只有当isSeeking为false时（即一次新的拖动开始时），才记录开始时间
    if (!seekStatus.isSeeking) {
        seekStatus.start = Math.floor(video.currentTime); // 记录开始时间
        seekStatus.end = null; // 重置结束时间
        seekStatus.isSeeking = true; // 设置为正在拖动状态
        console.log(`Seek Start: ${seekStatus.start}`);
    }
    // 在seeking过程中，可以根据需要更新其他状态，例如暂停视频时间累积
    // watchingVideo = false; // 如果有其他逻辑依赖此状态
};

// seeked事件处理函数
const seekedHandler = () => {
    // 只有当isSeeking为true时（即拖动操作完成时），才记录结束时间
    if (seekStatus.isSeeking) {
        seekStatus.end = Math.floor(video.currentTime); // 记录结束时间
        seekStatus.isSeeking = false; // 重置为非拖动状态

        // 避免记录无效的拖动（开始和结束时间相同，可能是误触）
        if (seekStatus.start !== seekStatus.end) {
            console.log(`Seek End: ${seekStatus.end}, Duration: ${seekStatus.end - seekStatus.start}s`);
            // 在这里发送数据到后端，例如：
            // sendRequest('video_seek', { start: seekStatus.start, end: seekStatus.end });
        } else {
            console.log("Seek operation completed, but start and end times are identical.");
        }
        // 重置seekStatus以便下一次拖动
        seekStatus.start = null;
        seekStatus.end = null;
    }
};

// 注册事件监听器
video.addEventListener('seeking', seekingHandler);
video.addEventListener('seeked', seekedHandler);

/**
 * 防抖函数
 * @param {Function} func 要执行的函数
 * @param {Number} delay 延迟时间（毫秒）
 * @returns {Function} 经过防抖处理的新函数
 */
const debounce = (func, delay) => {
    let timeoutHandle = null;
    return (...args) => {
        if (timeoutHandle !== null) {
            clearTimeout(timeoutHandle); // 清除之前的定时器
        }
        timeoutHandle = setTimeout(() => {
            func(...args); // 延迟执行函数
            timeoutHandle = null;
        }, delay);
    };
};

// 应用防抖到seekedHandler
// 延迟300毫秒，确保用户停止拖动后再处理seeked事件
const debouncedSeekedHandler = debounce(seekedHandler, 300);

// 移除旧的seeked事件监听器（如果之前已添加）
video.removeEventListener('seeked', seekedHandler);
// 注册经过防抖处理的seeked事件监听器
video.addEventListener('seeked', debouncedSeekedHandler);