scrolly-video

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

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

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

Github

介绍相关项目

player.js - Vimeo视频播放器交互控制库

GithubVimeo事件监听嵌入开源项目播放器API视频播放控制

player.js是Vimeo官方开发的JavaScript库，用于控制嵌入网页的Vimeo视频播放器。它支持通过iframe、视频ID或HTML属性创建播放器实例，提供丰富的API方法控制播放、获取信息和监听事件。该库兼容现代浏览器，可通过npm或CDN使用，支持模块化开发。

egjs-flicking - 功能强大的开源轮播组件

FlickingGithub前端组件开源项目跨框架轮播图

egjs-flicking是一个轻量级的开源轮播组件，具有循环模式、自动播放和视差效果等特性。它支持React、Vue、Angular等主流前端框架，可用于服务器端渲染，并兼容桌面和移动端。该组件提供丰富的API，支持IE9+浏览器，适合构建各种网页滑动界面，被广泛应用于各类网站。

jarallax - 轻量级视差滚动库支持图片和视频背景

GithubJarallaxJavaScript库开源项目背景图片视差滚动视频背景

Jarallax是一个轻量级的JavaScript视差滚动库,支持图片和视频背景。它可通过JavaScript、数据属性或jQuery多种方式初始化,提供丰富的选项和事件接口。该库支持img标签、CSS背景图像以及YouTube、Vimeo和自托管视频作为视差背景。开发者可以通过多样的选项和事件精确控制视差效果,实现自定义的滚动体验。Jarallax适用于从简单网页到WordPress主题的各类项目,能为现代浏览器带来流畅的视差滚动效果。代码简洁,性能出色,是实现网页视差效果的理想选择。

mediaelement - 统一跨浏览器HTML5音视频播放解决方案

GithubHTML5播放器MediaElementJS开源项目跨浏览器兼容音视频播放

MediaElementJS是一个跨浏览器HTML5音视频播放库，提供统一的用户界面和API。支持IE11+等主流浏览器，易于集成和定制，并具有丰富的插件生态。该库使开发者能够轻松实现跨平台媒体播放功能，为最终用户提供流畅的音视频体验。

mpv.js - 全格式嵌入式视频播放器

ElectronGithubmpv.js开源开源项目视频播放器跨平台

mpv.js是一款基于mpv的开源全格式嵌入式视频播放器，专为Electron和NW.js应用程序设计。它支持Windows、macOS和Linux平台，能处理多种视频格式。项目提供预构建二进制文件和简单的React组件，无需额外编译器设置，方便开发者快速集成高性能视频播放功能到应用中。

embla-carousel - 轻量级轮播库流畅动效与精准控制

Embla CarouselGithubJavaScript前端开发开源项目轮播图库

Embla Carousel是一款完全开源的轻量级轮播库，具有流畅动画效果和精准滑动控制。不依赖任何框架，支持JavaScript、TypeScript、React、Vue、Svelte等多种开发环境。提供丰富示例和生成器工具，安装简便，使用灵活，适用于各类网站和应用的轮播需求。

plyr-react - React响应式媒体播放器组件

GithubPlyr ReactReact组件响应式媒体播放器开源项目自定义

plyr-react是一个React响应式媒体播放器组件，支持多种媒体格式。它提供简单API和自定义样式，无副作用且可摇树优化。通过<Plyr />组件和usePlyr钩子，开发者可灵活集成，实现高质量媒体播放功能。该组件适用于需要在React应用中集成视频、音频、YouTube或Vimeo播放器的项目。

player - 跨框架的可定制视频音频播放器库

GithubVidstack Player开源项目视频播放器跨框架兼容音频播放器

Vidstack Player是一个跨框架的视频和音频播放器库，支持React、Angular、Vue等多种JavaScript框架。该库提供预构建布局和自定义组件，注重可访问性和可定制性。作为Plyr和Vime的后继者，Vidstack Player为开发者提供了构建生产级播放器所需的工具、文档和社区支持。

OverlayScrollbars - 跨浏览器自定义滚动条插件

GithubOverlayScrollbarsTypeScript开源项目浏览器兼容性滚动条插件自定义样式

OverlayScrollbars是一款跨浏览器JavaScript滚动条插件,隐藏原生滚动条并提供自定义样式滚动条,保留原生功能和体验。具有简单API、高兼容性和可访问性,支持服务器端渲染,适用多种设备和输入。无依赖、支持Tree shaking,提供多个主流框架版本。

GSAP - 跨框架JavaScript动画库高性能动画解决方案

GSAPGithubJavaScript动画库ScrollTrigger动画效果开源项目跨平台兼容

作为一款跨框架的JavaScript动画库，GSAP支持多种浏览器环境。它可高效制作CSS、SVG、canvas等复杂动画效果。GSAP的ScrollTrigger插件支持滚动触发动画，matchMedia()功能助力响应式动画开发。作为高速属性操纵器，GSAP性能优于jQuery，并解决了众多浏览器兼容性问题。其丰富的插件和缓动函数可满足各类高级动画需求。

相关项目

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