scrolly-video

基于滚动控制视频播放的JavaScript组件

ScrollyVideo.js 视频滚动播放网页组件跨浏览器兼容视频动画 Github 开源项目

ScrollyVideo.js是一个JavaScript组件，能够根据页面滚动或外部控制来调节视频播放。支持Web、React、Svelte和Vue等开发环境，提供多种自定义选项。组件支持三种视频控制方法：WebCodecs和Canvas、HTML5 Video的playbackRate调节、以及currentTime精确定位，以适应不同的浏览器环境和滚动方向。组件使用WebCodecs技术并有多种兼容方案，适应不同浏览器。适用于开发基于滚动的交互式视频体验。

Github

介绍相关项目

awesome-video - 优化视频开发的全面资源集锦

Github多媒体处理开源项目播放器编码工具视频资源

该项目汇集了视频开发领域的各类资源,涵盖分析工具、AR/VR/360、字幕、会议、播放器、特定语言库、元数据和媒体处理等方面。包含丰富的学习教程、开发文档、实用工具和程序库,为不同水平的视频开发者提供全面支持。资源内容涉及FFmpeg、HLS、DASH等主流技术,并包括多个开源项目,有助于开发者深入了解和实践视频技术。

progressbar.js - JavaScript库ProgressBar.js打造动态SVG进度条

GithubJavaScriptProgressBar.jsSVG动画开源项目进度条

ProgressBar.js是一个轻量级JavaScript库，用于创建动态SVG进度条。它支持多种内置形状，同时允许开发者自定义路径。该库提供丰富的动画选项，使进度条呈现更加流畅自然。ProgressBar.js具有良好的文档支持和示例，有助于开发者快速掌握使用方法。此外，它还提供React组件版本，便于在React应用中集成。

griffith - React 驱动的流媒体视频播放器

GithubGriffithReact开源项目流媒体视频播放器

Griffith 是一款开源的 React 视频播放器，专注于流媒体播放、扩展性和稳定性。该播放器支持 MP4 和 HLS 格式，采用 Media Source Extension 技术实现分段加载。Griffith 不仅易于集成到 React 应用中，还提供 UMD 模式支持非 React 环境。作为知乎网站和移动端的核心播放器，Griffith 经过大规模实践验证，具有出色的性能和可靠性。其 Monorepo 结构和自定义构建特性为开发者提供了更大的灵活性。

react-timeline-editor - React组件实现高效时间轴动画编辑

GithubReactnpm动画编辑开源项目时间线编辑器组件

React Timeline Editor是一个专为时间轴动画编辑设计的React组件。该组件提供直观的API接口，支持效果和动作自定义，并实现时间轴可视化编辑。开发者可通过此组件高效创建交互式时间轴动画，支持时间轴的缩放、拖拽等特性。组件配置简单，即可实现复杂编辑功能。项目附带详细文档，包含基础和进阶功能演示，便于开发者快速掌握使用方法，大幅提升动画编辑效率。

hello-muiplayer - 多格式兼容的HTML5视频播放插件

GithubHTML5播放器MuiPlayer兼容性解决方案多媒体播放开源项目视频播放插件

MuiPlayer是一款HTML5视频播放插件，支持mp4、m3u8、flv等多种媒体格式，适用于PC和移动端。该插件提供统一UI、状态处理、事件触发和格式兼容等功能，解决了常见的H5视频应用开发问题。MuiPlayer配备默认播放控件，支持全屏播放、快进、循环播放、音量调节等功能。插件易于安装使用，具有详细文档和API参考，为开发者提供了完整的视频播放解决方案。

awesome-video - 视频流媒体技术全面开源资源库

DASHFFmpegGithubHLS开源项目编码视频流

awesome-video项目汇集了全面的视频流媒体技术资源,包括入门到高级的学习材料、主流流媒体协议、编解码技术、传输方案、服务器、播放器和测试工具等。该项目为开发者和工程师提供了丰富的参考资料,有助于深入理解和应用这一复杂的技术领域。

clappr - 可扩展的开源HTML5视频播放器

ClapprGithub开发服务器开源项目播放器文档

Clappr是一款开源的HTML5视频播放器，具有高度可扩展性和丰富的插件生态系统。支持多种视频格式，最新版本0.4.0优化了性能并增加了新特性。项目文档完善，适合开发者集成到Web应用中，实现自定义视频播放功能。

dash.js - 开源MPEG DASH播放器支持多浏览器跨平台应用

GithubJavaScriptMPEG DASHdash.js开源项目流媒体播放

dash.js是MPEG DASH视频自适应流的HTML5 JavaScript参考实现。这个开源项目支持主流浏览器,提供灵活API和丰富功能,如低延迟传输、DRM和时钟同步。项目不断更新,提供详细文档和示例,适合开发高性能流媒体应用。

xgplayer - 轻量级、高性能的Web视频播放器框架

Githubxgplayer多媒体技术开源项目网页组件视频播放器

xgplayer是一款开源的Web视频播放器框架，具有模块化UI设计和灵活功能配置。支持MP4分段加载、清晰度无缝切换，以及FLV、HLS、DASH等格式的直播和点播。它优化了视频加载和缓冲机制，提供丰富的插件生态系统，为开发者提供高度定制化的视频播放解决方案。

svg.js - 轻量级SVG操作与动画JavaScript库

GithubJavaScript库SVG.jsSVG操作前端开发开源项目

SVG.js是一个轻量级JavaScript库，用于SVG图形的操作和动画。它不依赖其他库，提供了直观的API用于创建、修改和动画化SVG元素。支持npm、yarn和CDN多种安装方式，并有详细文档。该开源项目在GitHub上持续更新，支持多种SVG特性和动画效果。

相关项目

项目侧边栏1

项目侧边栏2

推荐项目

Project Cover

豆包MarsCode

豆包 MarsCode 是一款革命性的编程助手，通过AI技术提供代码补全、单测生成、代码解释和智能问答等功能，支持100+编程语言，与主流编辑器无缝集成，显著提升开发效率和代码质量。

Project Cover

AI写歌

Suno AI是一个革命性的AI音乐创作平台，能在短短30秒内帮助用户创作出一首完整的歌曲。无论是寻找创作灵感还是需要快速制作音乐，Suno AI都是音乐爱好者和专业人士的理想选择。

Project Cover

有言AI

有言平台提供一站式AIGC视频创作解决方案，通过智能技术简化视频制作流程。无论是企业宣传还是个人分享，有言都能帮助用户快速、轻松地制作出专业级别的视频内容。

Project Cover

Kimi

Kimi AI助手提供多语言对话支持，能够阅读和理解用户上传的文件内容，解析网页信息，并结合搜索结果为用户提供详尽的答案。无论是日常咨询还是专业问题，Kimi都能以友好、专业的方式提供帮助。

Project Cover

阿里绘蛙

绘蛙是阿里巴巴集团推出的革命性AI电商营销平台。利用尖端人工智能技术，为商家提供一键生成商品图和营销文案的服务，显著提升内容创作效率和营销效果。适用于淘宝、天猫等电商平台，让商品第一时间被种草。

Project Cover

吐司

探索Tensor.Art平台的独特AI模型，免费访问各种图像生成与AI训练工具，从Stable Diffusion等基础模型开始，轻松实现创新图像生成。体验前沿的AI技术，推动个人和企业的创新发展。

Project Cover

SubCat字幕猫

SubCat字幕猫APP是一款创新的视频播放器，它将改变您观看视频的方式！SubCat结合了先进的人工智能技术，为您提供即时视频字幕翻译，无论是本地视频还是网络流媒体，让您轻松享受各种语言的内容。

Project Cover

美间AI

美间AI创意设计平台，利用前沿AI技术，为设计师和营销人员提供一站式设计解决方案。从智能海报到3D效果图，再到文案生成，美间让创意设计更简单、更高效。

Project Cover

AIWritePaper论文写作

AIWritePaper论文写作是一站式AI论文写作辅助工具，简化了选题、文献检索至论文撰写的整个过程。通过简单设定，平台可快速生成高质量论文大纲和全文，配合图表、参考文献等一应俱全，同时提供开题报告和答辩PPT等增值服务，保障数据安全，有效提升写作效率和论文质量。

使用协议隐私政策广告服务

投诉举报邮箱: service@vectorlightyear.com

@2024 懂AI·鲁ICP备2024100362号-6·鲁公网安备37021002001498号