Zulko/eagle.js
Eagle.js
eagle.js este un motor de prezentare bazat pe componente și un instrument web pentru construirea de slideshow-uri digitale interactive. Acesta funcționează ca un framework de slideshow-uri Vue.js care utilizează o arhitectură de componente pentru a gestiona ierarhiile de slide-uri și tranzițiile în browser.
Sistemul se distinge prin suportul pentru ierarhii de prezentare imbricate, permițând slideshow-urilor să fie încorporate în alte slide-uri pentru a organiza informații complexe. Include un sistem de sincronizare cu fereastră dublă pentru un mod dedicat de prezentator, care separă un controller privat pentru notițele vorbitorului de afișajul public.
Framework-ul oferă o gamă largă de capabilități interactive, inclusiv o bibliotecă de widget-uri pentru slide-uri, integrare funcțională de demo-uri live și un motor de teme personalizat pentru stilizarea vizuală. Navigarea este gestionată printr-o combinație de intrări de la tastatură, mouse și scroll, cu utilitate suplimentară pentru mărirea zonelor specifice ale slide-ului printr-un mecanism de zoom al conținutului.
Features
- Vue.js Presentation Frameworks - Functions as a Vue.js slideshow framework using a component architecture for flexible layout and styling.
- Interactive Presentations - Enables the creation of web-based presentations featuring embedded live demos and interactive widgets.
- Nested Presentation Hierarchies - Supports embedding slideshows within other slides to organize complex information into multi-level layers.
- Browser-Based Presentation Frameworks - Provides a browser-based framework for authoring and delivering presentations with an integrated presenter mode.
- Slide Navigation Adapters - Handles slide progression through a unified system of keyboard, mouse, and scroll event listeners.
- Nested Component Hierarchies - Supports nesting slideshows within other presentations to create complex organizational structures.
- Presentation Component Frameworks - Provides a component-driven engine for nesting slideshow hierarchies and managing slide transitions.
- Slide Navigation Controls - Tracks current slide and step indices to drive view updates and transition animations.
- Presenter Controls - Ships a dual-window synchronization system that separates private speaker notes from the public display.
- Speaker Views - Provides a dedicated speaker view with synchronized notes and a preview of upcoming slides.
- Hierarchical Slide Structures - Implements a component-based architecture to organize slides and incremental steps into nested hierarchies.
- Cross-Window State Synchronizations - Synchronizes state between a presenter controller window and a public display window using shared browser state.
- Slideshow Frameworks - Offers a component-based system for building interactive web presentations using Vue.js.
- Live Demo Embeds - Enables embedding functional web demos and interactive elements directly into slides for live demonstrations.
- CSS Variable Theming - Provides a theming system that maps visual styles to native CSS variables for dynamic overrides.
- Input Event Mappings - Maps keyboard, mouse, and scroll events to internal navigation methods for controlling presentation flow.
- Slide Transition Engines - Implements an engine to manage custom visual transition effects between sequential slides.
- Slide Transition Effects - Provides custom enter and leave transitions to control the visual flow of the presentation.
- Theme Customization Engines - Features a flexible engine for changing appearance via configurable style properties and components.
- Presentation Themes - Allows updating the visual style of a slideshow by importing existing CSS theme files.
- Presentation Widgets - Provides a library of functional slide elements including modals, code blocks, toggles, and radio buttons.
- Presentation Interactive Widgets - Includes a library of embeddable widgets and components for adding live demos to web presentations.
- UI - Listed in the “UI组件” section of the Awesome Github Vue awesome list.
