Project Icon

scrolly-video

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

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

scrollytelling - React滚动动画开发的简化解决方案
BSMNT ScrollytellingGSAPGithubReactScrollTrigger开源项目滚动动画
BSMNT Scrollytelling是一个基于GSAP ScrollTrigger的React滚动动画库。它通过组件化方法简化了滚动动画的创建过程,提供Root、Animation和Waypoint等组件以及实用的钩子函数。该库解决了组件生命周期管理和动画定位等常见问题,使开发者能更直观地控制动画效果。BSMNT Scrollytelling还提供了多个示例和演示,便于开发者快速掌握使用方法。
video.js - 多功能跨平台HTML5视频播放器
GithubHTML5播放器Video.js开源项目网页视频跨平台支持
Video.js是为HTML5环境开发的网页视频播放器,支持HTML5视频和Media Source Extensions。通过插件可集成YouTube和Vimeo等平台内容。该播放器兼容桌面和移动设备,支持多种播放技术,具有丰富功能和高度可定制性。自2010年项目启动以来,Video.js已被70多万个网站采用,成为主流的开源视频播放解决方案。
react-html5video - React高阶组件实现的可定制HTML5视频播放器
GithubHTML5视频React组件国际化开源项目自定义控件视频播放器
react-html5video是React生态系统中的HTML5视频播放器高阶组件。它允许开发者自定义视频控件,支持国际化和无障碍功能,同时保留HTML5视频原生特性。该组件提供默认播放器和高级API,满足不同复杂度的开发需求,方便实现个性化视频播放界面。
react-modal-video - React视频弹窗组件 简洁易用功能强大
GithubModal VideoReactYouTube API开源项目组件视频播放
react-modal-video是一款功能丰富的React视频弹窗组件。它具有DOM结构无关性、平滑过渡效果、无障碍支持等特点。组件提供YouTube和Vimeo API的多种选项,支持函数式和类组件实现,并可自定义播放控制。适用于开发各类视频交互界面,简单易用且灵活可定制。
vue3-video-play - 功能丰富的Vue 3视频播放器组件
GithubHls播放Vue3组件vue3-video-play开源项目自定义配置视频播放器
vue3-video-play是一个基于Vue 3的视频播放器组件。它支持hls流媒体和多种视频格式,具有快捷键控制、倍速播放、画面镜像等功能。该组件界面美观、配置灵活,可适配移动端,并支持清晰度切换和直播。对于开发者而言,这是一个功能完善、易于集成的视频播放解决方案。
next-video - Next.js应用的视频优化和集成解决方案
CDNGithubNext.jsReact开源项目视频优化视频组件
next-video是一款为Next.js应用设计的React组件,提供全面的视频处理解决方案。它扩展了标准<video>元素,支持智能存储、自动优化、自定义播放器界面、海报生成和预览等特性。该组件还具备跨浏览器兼容性、内置视频分析工具和AI驱动的自动字幕生成功能,大大简化了在Next.js项目中实现专业级高性能视频集成的过程。通过next-video,开发者可以轻松为其Next.js应用添加强大的视频功能。
locomotive-scroll - JavaScript库实现网页平滑滚动和元素检测
GithubLocomotive Scroll平滑滚动开源项目滚动事件视口检测视差效果
Locomotive Scroll是一个JavaScript库,提供网页平滑滚动和视口元素检测功能。它支持视差效果、自定义滚动行为和元素可见性触发。该库通过npm安装,配置灵活,API丰富,适用于现代浏览器。开发者可利用它创建独特的网页滚动体验。
fullPage.js - 全屏滚动网站JavaScript库
GithubJavaScript库fullPage.js全屏滚动单页网站响应式设计开源项目
fullPage.js是一个功能强大的JavaScript库,用于构建全屏滚动和单页面网站。它支持垂直和水平滚动,可在各个部分添加幻灯片。该库兼容主流浏览器,提供触摸支持,适用于各类项目。通过丰富的配置选项和API,开发者可以轻松创建全屏网站。
react-player - React多媒体播放组件 支持多种视频音频源
GithubReactReactPlayer媒体播放开源项目组件视频播放
react-player是一个功能全面的React多媒体播放组件。它支持播放YouTube、Facebook、Twitch等平台的视频,以及本地音视频文件。该组件提供丰富的配置项和事件回调,可灵活控制播放行为。它还具备响应式设计、轻量模式等特性。react-player为开发者提供了便捷的方式来集成多种来源的媒体播放功能。
plyr - 轻量级HTML5多媒体播放器 支持多平台
GithubHTML5Plyr媒体播放器开源项目视频音频
Plyr是一款轻量级HTML5媒体播放器,支持YouTube和Vimeo。它具有响应式设计,提供VTT字幕和屏幕阅读器支持,兼容HLS、Shaka和Dash.js流媒体。Plyr提供标准API和事件,支持全屏、画中画和多语言。采用原生ES6 JavaScript编写,无需依赖框架。
项目侧边栏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号