Styled audio playback for Gutenberg
Kinetic Audio Player for premium sound previews.
Add a polished audio player to WordPress pages with waveform feedback, seek controls, time display, volume, cover artwork, compact layout, preload strategy, and accessible playback UI.
Audio demo section
Use audio as a polished content element, not a default browser control.
Add sticky/floating playback, glow styles, magnetic hover, remembered position,
downloads, and visibility controls.
Product Walkthrough
Extended player with waveform, seekbar, elapsed time, and volume control.
Podcast Preview
Compact circle option for audio clips inside feature cards and editorial layouts.
Demo setup
Playback controls built for real visitors.
Metadata preload is a balanced default for most pages because the browser can read duration without requesting the full audio file immediately.
Metadata preload
Cover artwork
Keyboard controls
Compact layout
Why buy PRO
Turn audio into a premium interaction layer.
Kinetic Audio Player gives audio content a designed interface that fits modern landing pages, media sections, and client websites.
Best for
Pages where sound needs context and design.
Use it when a normal audio embed looks too plain for the page and you need a branded player that matches the surrounding content.
Use cases
Use Audio Player anywhere sound adds trust, proof, or emotion.
Audio works best when it helps visitors preview content before committing to a
longer listen, purchase, booking, or deeper page view.
Podcast Previews
Let visitors sample an episode directly inside the landing page.
Music Samples
Show short tracks, album teasers, artist demos, and sound previews.
Voice Demos
Present narration, voiceover, coaching, or testimonial audio samples.
Product Audio
Add walkthroughs, explainers, guided demos, or sound-based product proof.
Course Lessons
Embed audio modules or lesson previews in educational pages.
Portfolio Clips
Show sound design, music production, podcast editing, or voice work.
Sales Pages
Use audio as a stronger content layer in premium landing pages.
Editorial Media
Add audio excerpts to articles, interviews, and story pages.
Free vs PRO
Start with a styled audio player. Upgrade for sticky playback and advanced behavior.
KineticHub Free gives you a polished Gutenberg audio player. KineticHub PRO adds sticky and floating behavior,
glow styles, magnetic hover, remembered playback, tab-switch control, download links,
and advanced responsive options.
| Feature | KineticHub Free | KineticHub PRO |
|---|---|---|
| Audio source selection | Included | Included |
| Extended bar layout | Included | Included |
| Compact circle layout | Included | Included |
| Play/pause, seekbar, time display | Included | Included |
| Volume control | Included | Included |
| Waveform visualizer | Default waveform | Default, box, pill styles |
| Cover artwork | Included | Included |
| Preload strategy | None, metadata, auto | None, metadata, auto |
| Colors, radius, padding, alignment | Included | Unlocked |
| Sticky / floating playback | Not included | Sticky top + floating widget |
| Glow styles and magnetic hover | Not included | Soft ambient, neon, pulsing + magnetic |
| Remember position and pause on tab switch | Not included | Unlocked |
| Disable mobile seek and download link | Not included | Unlocked |
| Shadows, entrance, visibility | Basic styling | Advanced controls |
FAQ
Audio Player questions before you build.
Use this FAQ section for SEO, sales clarity, and fewer pre-sale/support questions.
Kinetic Audio Player is a custom Gutenberg block for adding styled audio playback to WordPress pages and posts.
The block includes an extended bar layout and a compact circle layout. The extended layout works well for featured audio sections, while compact works well inside cards or smaller placements.
Yes. The player includes an animated waveform visualizer, interactive seekbar, time display, play/pause, and volume control.
PRO adds sticky and floating playback, glow styles, magnetic hover, waveform styles, disable mobile seek, remembered playback position, pause on tab switch, download link, shadows, entrance animations, and visibility controls.
Use common browser-supported audio formats such as MP3, WAV, or OGG, and keep audio files optimized for the web.