scrolly-video

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

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

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

Github

介绍相关项目

hls.js - JavaScript实现的HTTP直播流播放库

GithubHLS.jsHTML5视频HTTP直播流JavaScript库开源项目流媒体

hls.js是一个基于JavaScript的HTTP直播流播放库。它利用HTML5视频和MediaSource扩展实现播放,支持点播和直播、自适应码率、字幕和DRM等功能。该库可直接在HTML5 video元素上使用,为开发者提供了功能丰富的HLS视频播放方案。

media-stream-library-js - 面向视频流播放和SVG叠加的JavaScript库集合

GithubNode.jsSVG覆盖yarn媒体流开源项目视频播放

media-stream-library-js是一个包含三个独立JavaScript库的集合，专注于视频流播放和SVG叠加功能。这些库为开发者提供了处理媒体流和创建SVG叠加效果的工具。该项目致力于简化视频流应用的开发过程，支持实现流媒体播放和图形叠加。media-stream-library-js适用于视频监控系统和交互式媒体应用等场景。

revideo - 使用代码创作专业动画视频的开源框架

GithubMotion CanvasRevideo代码创作视频开源框架开源项目视频编辑

Revideo是一个开源视频编程框架，允许开发者使用TypeScript创建视频模板并部署API端点进行动态渲染。该框架提供React播放器组件实现实时预览，支持无头渲染和并行处理以提高渲染效率。Revideo基于Motion Canvas进行了改进，增强了音频支持和渲染性能，使其更适合开发完整的视频编辑应用。

videojs-contrib-ads - video.js广告功能开发库

GithubJavaScriptvideojs-contrib-ads开源项目视频广告视频播放器

videojs-contrib-ads是专为video.js设计的广告功能库，提供广告超时处理、播放状态恢复、内容暂停和加载动画显示等功能。支持媒体事件重分发、URL宏替换和源变更时的预加载检查，简化了视频广告插件开发。虽非独立广告插件，但为video.js广告解决方案开发提供了基础框架。适用于需要在video.js中实现自定义广告功能的开发者。

qier-player - 高度可定制的开源 H5 视频播放器

GithubH5qier-player开源项目自定义界面视频播放器

qier-player 是一个开源的 H5 视频播放器项目，具有高度可定制的 UI 和丰富的功能。支持 npm 安装和 CDN 引入，使用方便。播放器采用响应式设计，适配多种设备，支持自定义控制栏、全屏播放、画中画等功能。目前提供 React 版本，计划推出 Vue 版本和弹幕插件，进一步扩展其生态系统。

lightGallery - 轻量级模块化响应式图片视频画廊

GithublightGallery响应式设计图片画廊插件开源项目模块化架构触摸设备优化

lightGallery是一个无依赖的响应式画廊插件，支持React、Angular和Vue等主流框架。它采用模块化架构，内置丰富插件，具有触摸优化、拖拽支持、动画缩略图和社交分享等功能。该插件支持YouTube和Vimeo视频播放，提供多种CSS3过渡效果，适用于构建交互性强的图片和视频展示。

videojs-record - video.js音视频录制插件实现多媒体文件捕捉

Githubvideo.js插件videojs-record图像录制开源项目视频录制音频录制

videojs-record是基于video.js的插件，提供音频、视频和图像文件录制功能。支持WebM、MP4等多种格式，兼容主流浏览器，具有良好的界面和集成性。该项目在GitHub上获得了较高评价，受到开源社区关注。适用于需要实现多媒体捕捉功能的Web应用开发场景。

react-native-animated-header-scroll-view - React Native动画滚动视图组件支持自定义头部和导航栏

GithubReact Native动画效果头部导航栏开源项目滚动视图跨平台

react-native-animated-header-scroll-view是一个React Native动画滚动视图组件。它支持FlatList和ScrollView滚动交互，可将图像或自定义组件动画化为导航栏头部，并具有向下滚动的弹跳动画效果。该组件兼容iOS和Android平台，提供灵活的自定义选项，包括顶部导航栏、头部组件和导航栏组件。开发者可以轻松实现丰富的滚动动画效果，同时支持header图片缩放和自定义样式等功能。

vime - 多功能、跨平台的开源媒体播放器

GithubVimeWeb组件媒体播放器开源开源项目跨框架

Vime是一个开源的媒体播放器项目，支持HTML5、HLS、YouTube等多种媒体源。它提供统一API，确保跨浏览器兼容性，支持国际化和无障碍访问。Vime基于Web组件设计，易于定制和扩展，并提供主流前端框架的集成。其轻量级设计和丰富功能使其成为构建现代媒体播放器的有力工具。

liqvid - React 交互式视频创作库

GithubLiqvidReact交互视频前端开发开源库开源项目

Liqvid 是一个基于 React 的交互式视频创作库。该项目提供了核心包、播放控制、键盘映射和动画效果等功能。Liqvid 包含命令行工具，支持音频处理、项目构建、视频渲染和缩略图生成。此外，Liqvid 集成了 KaTeX 和 React Three Fiber，扩展了开发可能性。项目持续更新，计划增加字幕编辑和国际化等功能。

相关项目

项目侧边栏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号