#网页组件
xgplayer - 轻量级、高性能的Web视频播放器框架
xgplayer视频播放器网页组件开源项目多媒体技术Github
xgplayer是一款开源的Web视频播放器框架，具有模块化UI设计和灵活功能配置。支持MP4分段加载、清晰度无缝切换，以及FLV、HLS、DASH等格式的直播和点播。它优化了视频加载和缓冲机制，提供丰富的插件生态系统，为开发者提供高度定制化的视频播放解决方案。
image-compare-viewer - 响应式图像对比滑块工具
图片对比响应式滑块前后对比网页组件image-compare-viewerGithub开源项目
image-compare-viewer是一个开源的响应式图像对比滑块工具，支持移动端和流体容器。它提供前后图像滑动对比功能，适用于图像分级、修图等场景。开发者可通过npm安装或CDN引入，并利用详细文档和示例快速实现图像对比功能。该工具支持多种使用方式，便于开发者根据需求进行定制。
line-md - 基于SVG动画的Material Design图标库
Material Line IconsSVG动画图标设计网页组件开源图标Github开源项目
line-md是一个基于SVG动画的Material Design图标库。该项目无需额外的CSS或JavaScript即可实现动态效果，遵循官方Material Design Icons的'Round'和'TwoTone'设计准则。图标集包含多种动画类型，如淡入、循环和过渡效果，并在适当处使用1px细线设计。开发者可在线浏览全部图标并获取即用代码，为项目提供丰富的图标选择。
scrolly-video - 基于滚动控制视频播放的JavaScript组件
ScrollyVideo.js视频滚动播放网页组件跨浏览器兼容视频动画Github开源项目
ScrollyVideo.js是一个JavaScript组件，能够根据页面滚动或外部控制来调节视频播放。支持Web、React、Svelte和Vue等开发环境，提供多种自定义选项。组件支持三种视频控制方法：WebCodecs和Canvas、HTML5 Video的playbackRate调节、以及currentTime精确定位，以适应不同的浏览器环境和滚动方向。组件使用WebCodecs技术并有多种兼容方案，适应不同浏览器。适用于开发基于滚动的交互式视频体验。