Player & Fullscreen Slideshow
Present your data as an interactive slideshow — in Publixx or as a standalone offline HTML file. With element animations, voice control, text-to-speech, background music, and video support.
Two Player Modes
Publixx offers two ways to present your data as a slideshow:
| Feature | Fullscreen Player | Player Export |
|---|---|---|
| Usage | Live presentations in Publixx | Distribute as standalone file |
| Internet required | Only for initial load | ❌ Fully offline |
| All data embedded | Renders live from state | ✅ Images as Base64 |
| Best for | Trade shows, meetings | USB sticks, kiosks, email |
Player Controls
Both players share the same intuitive controls. The control bar appears at the bottom and auto-hides after 3 seconds of inactivity.
Keyboard Shortcuts
| Key | Action |
|---|---|
| Space | Play / Pause |
| ← → | Previous / Next slide |
| ESC | Exit player |
| L | Toggle Loop |
| R | Toggle Random mode |
| M | Toggle Maximize (fit to screen) |
| S | Toggle Mute (audio/TTS/video) |
| V | Toggle Voice Control |
| A | Toggle Auto-play mode |
| F | Toggle browser Fullscreen |
| 1 – 9 | Set slide duration (1-9 seconds) |
| + - | Zoom in / out |
| 0 | Reset zoom to 100% |
Touch Gestures
- Swipe Left: Next slide
- Swipe Right: Previous slide
- Tap: Show/hide controls
- Double-tap: Toggle fullscreen (mobile)
Voice Control
Control the presentation hands-free using speech recognition. Perfect for trade shows, demos, and accessibility.
Voice Commands
| Category | German | English |
|---|---|---|
| Playback | play, start, weiter, pause, stopp | play, start, continue, pause, stop |
| Navigation | nächste, zurück, erste, anfang | next, previous, back, first, beginning |
| Control | loop, zufall, stumm, beenden | loop, random, mute, exit, quit |
| Speed | schneller, langsamer | faster, slower |
| Zoom | größer, kleiner, normal | bigger, smaller, zoom in, zoom out, normal |
Element Animations
Individual elements can animate in and out on each slide. Configure animations in the Inspector under the Animation section.
Animation Settings
| Setting | Description | Default |
|---|---|---|
| Animation In | How element appears | none |
| Animation Out | How element disappears | none |
| Duration | Animation length in ms | 500ms |
| Delay | Wait before animation starts | 0ms |
Audio & Video Support
Background Music
Add ambient music that plays throughout the presentation. Configure in Settings → Player → Background Music.
- Loops continuously during playback
- Volume adjustable (0-100%)
- Respects mute setting (S key)
- Auto-resumes when unmuted
Audio Elements
Add audio clips to individual slides. The audio element can control slide duration.
- Bind to URL field from data or use fixed URL
- Option: Control Slide Duration — slide waits for audio to finish
- Autoplay on slide enter
- Respects global mute
Video Elements
Embed videos that play within the presentation.
- MP4, WebM, and other HTML5 formats
- Autoplay with optional mute (required for browser autoplay)
- Option: Control Slide Duration — waits for video end
- Poster image (thumbnail) support
- Loop individual videos
Text-to-Speech (TTS)
Make presentations accessible by having text elements read aloud automatically. Uses the browser's built-in Web Speech API.
Enabling TTS
- Select a text element
- Open Inspector → TTS section
- Enable "Read aloud in Player"
- Configure language, speed, pitch
- Set reading order (lower numbers read first)
TTS Settings
| Setting | Description | Range |
|---|---|---|
| Language | Voice language | de-DE, en-US, fr-FR, es-ES, it-IT |
| Speed | Reading speed | 0.5 – 2.0 (1.0 = normal) |
| Pitch | Voice pitch | 0.5 – 2.0 (1.0 = normal) |
| Order | Reading sequence | 1, 2, 3... (lower = earlier) |
Supported Element Types
- Dynamic Text
- Fixed Text
- Bullet Lists
- Tables (reads cell by cell)
- EXIF data
- Location data
Player Export
Export your presentation as a single, self-contained HTML file that works anywhere — no internet, no server, no dependencies.
What's Included
- All slides rendered as HTML
- Images embedded as Base64 (no external files)
- Fonts embedded via CSS
- Full JavaScript player with all controls
- Element animations preserved
- TTS configuration (uses browser Speech API)
- Background music embedded
Export Steps
- Go to Export → Player
- Player automatically processes all active records
- Download
player.html - Open in any modern browser
Use Cases
| Scenario | Why Player Export? |
|---|---|
| Trade show kiosk | Offline, self-running, touch-friendly |
| Email attachment | Single file, recipients just open in browser |
| USB distribution | No installation, works on any computer |
| Digital signage | Auto-play, loop, no maintenance |
| Offline sales demos | Works without WiFi, professional presentation |
Mobile & Tablet Support
The player automatically adapts to mobile screens with optimized controls and touch gestures.
Mobile Features
- Auto-scaling: Content scales to fit screen (contain-fit)
- Touch gestures: Swipe navigation, tap for controls
- Compact controls: Smaller buttons, optimized layout
- Fullscreen support: Native fullscreen on iOS and Android
- Landscape optimization: Makes best use of horizontal space
Responsive Breakpoints
| Screen Width | Adaptation |
|---|---|
| < 768px | Mobile controls (40px buttons) |
| < 480px | Extra compact (32px buttons) |
| Landscape < 500px height | Minimal controls height |
Settings Panel
Click the gear icon (⚙️) to open the settings panel with additional options:
| Setting | Description |
|---|---|
| Auto-Play | Enable/disable automatic slide advancement |
| Loop | Restart from beginning after last slide |
| Random | Shuffle slide order randomly |
| Maximize | Scale slides to fill available space |
| Transition | Slide transition effect (none, fade) |
| Duration | Seconds per slide (1-9 or custom) |
Technical Notes
Browser Compatibility
- Chrome/Edge: Full support including Voice Control
- Firefox: Full support (Voice Control limited)
- Safari: Full support, WebKit fullscreen
- Mobile browsers: Touch optimized, fullscreen support
Performance Tips
- Large images are embedded as Base64 — file size scales with image count
- For very large presentations (100+ slides), consider Website Export instead
- Video elements use native HTML5 video, not embedded
- Charts (Chart.js) are re-rendered in the player for crisp display
Special Element Support
- QR Codes: Canvas-rendered, properly cloned
- Charts: Re-rendered with Chart.js
- Videos: Native HTML5 video player
- Audio: Web Audio API
- TTS: Web Speech Synthesis API