UD5工具箱
功能一：宽范围倍速控制
工具提供从 0.25 倍到 16 倍的完整速度范围，通过滑块和预设按钮两种方式进行调节。滑块支持连续精细调节，精确到小数点后两位；预设按钮包括 0.25x、0.5x、1x、1.25x、1.5x、2x、3x、4x、5x、8x、16x 共 11 个常用速度档位，一键即可切换。当前速度值以醒目的数字形式实时显示在面板上，让用户随时掌握播放速度状态。无论是需要慢放分析关键操作步骤，还是需要极速浏览冗长内容，都能找到合适的速度档位。
功能二：快进快退按钮
面板提供四组快进快退按钮：-10秒、-30秒、+10秒、+30秒，覆盖了常见的微调需求。在观看教学视频时，如果错过某个关键步骤，可以快速回退 10 秒重新观看；在浏览长视频时，可以快速跳过 30 秒的无关内容。快进快退操作会自动检测视频的可寻址性，对于无法定位的内容（如直播流）会静默忽略，避免报错。这些按钮在点播视频（VOD）场景下完全支持，可以自由前进或后退任意秒数。
功能三：多视频源切换
当页面中存在多个 HTML5 视频元素时，面板中的视频源下拉菜单会自动列出所有检测到的视频。每个选项显示视频编号和文件名（截取前 35 个字符），用户可以从下拉菜单中选择任意一个视频进行速度控制。切换视频源后，当前速度设置会立即应用到新选择的视频。下拉菜单旁还提供刷新按钮，用于在页面动态加载新视频后重新检测。页面中如果有隐藏的视频元素（如预加载的广告视频）也会出现在列表中，请根据编号和文件名辨别。
功能四：可拖动浮动面板
控制面板采用固定定位浮动在页面上方，用户可以通过拖动面板标题栏将其放置在屏幕的任意位置。面板支持鼠标拖动和触摸拖动两种方式，在桌面端和移动端都能流畅操作。拖动过程中会实时更新面板位置，松开后自动保存新位置到 localStorage，下次打开时恢复上次的位置。面板默认位于屏幕右下角，不遮挡主要内容区域。拖动时使用 transition:none 避免视觉延迟，松开后恢复 transition:opacity 0.2s 实现平滑动画效果。
功能五：暗色模式面板
面板采用深色主题设计，背景为深灰色，搭配亮色文字和按钮，视觉对比度高，在各种网页背景色中都能清晰辨识。暗色设计减少了对页面内容的视觉干扰，同时在长时间使用时减轻眼睛疲劳。面板界面简洁直观，所有功能按钮布局合理，用户无需阅读说明书即可快速上手操作。面板使用内联样式和最高层级 z-index:2147483647，确保始终显示在页面最上层，不会被其他元素遮挡。
功能六：偏好设置记忆
工具通过浏览器的 localStorage 自动保存用户的使用偏好，包括上次设置的播放速度和面板位置。当用户在某个网页设置好速度后，切换到其他网页使用时，工具会自动应用之前保存的速度设置，无需重复调节。偏好数据存储在浏览器本地，占用空间不到 200 字节，不影响浏览器性能，清除浏览器数据时会自动重置为默认值。这种设计让用户在不同网站之间切换时也能保持一致的使用体验。
功能七：移动端触摸支持
工具针对移动设备进行了专门优化，面板支持触摸拖动，所有按钮和滑块都适配了触摸操作。在没有书签栏的移动浏览器中，用户可以通过复制代码到地址栏的方式来使用小书签。面板的布局和尺寸经过响应式设计，在手机和平板设备上都能正常显示和操作，为移动用户提供便捷的倍速控制体验。触摸事件处理中使用 passive:false 选项，允许调用 preventDefault() 来阻止默认的滚动行为，确保拖动操作的流畅性。
功能八：最小化与关闭控制
面板提供最小化和关闭两种控制模式。最小化按钮可以将面板折叠为仅显示标题栏的状态，减少屏幕占用空间；关闭按钮则完全隐藏面板，恢复页面原始状态。再次点击书签栏中的小书签可以重新打开面板。关闭面板后，所有注入的 DOM 元素和事件监听器会被隐藏（display:none），不会对页面性能产生任何影响。面板还会自动检测页面中是否已存在控制面板，避免重复注入，确保单例运行。