A visitor starts listening to your music, opens another page, and the audio stops. For a music website, podcast, or beat store, that interruption can break the experience.
Continuous audio playback lets visitors keep listening while they browse your website. But there’s an important difference between resuming a track after a page reload and keeping it playing without interruption.
In this guide, we’ll explain both approaches and how to add continuous audio playback to WordPress—including with Ajaxify by Sonaar, our plugin for seamless navigation and uninterrupted listening.
Already looking for a solution? Explore Ajaxify and try the continuous playback demo →
What is continuous audio playback?
Continuous audio playback allows a listening session to continue as someone moves between pages on your website.
For example, a visitor could start a song on your homepage, browse your music catalog, and open your About page while the same track keeps playing.
This is especially useful for:
- Musicians sharing albums, singles, and live recordings.
- Beatmakers letting customers preview tracks while browsing.
- Podcasters whose listeners want to explore other episodes or show notes.
- Labels, DJs, and producers showcasing their catalogs.
A sticky audio player makes playback controls easy to reach while visitors scroll. However, a sticky player alone does not guarantee uninterrupted audio between pages. What matters is whether the website reloads the player during navigation.
Two ways to continue audio playback on WordPress
WordPress websites can preserve a listening session in two different ways: remembering the playback position or keeping the audio player running.
1. Resume playback after a page reload
With this approach, the website remembers the current track and playback position using cookies or browser storage.
When someone opens another page, the browser loads a new document, recreates the audio player, and attempts to resume the track from its saved position.
This can be useful when you want to retain normal page navigation. However, the audio stops during the reload, so listeners may hear a gap. Browser autoplay restrictions can also mean they need to press play again.
Best for: Remembering where a listener left off when a brief interruption is acceptable.
2. Keep audio playing with AJAX navigation
AJAX navigation loads new page content without replacing the entire browser document.
When the audio player stays outside the content being replaced, it can continue playing while the visitor moves around your website. The page changes, but the listening session stays active.
Best for: Keeping music, podcasts, or other audio playing during navigation without a page-reload interruption.
| What happens when a visitor changes pages? | Resume after reload | Persistent player with AJAX |
|---|---|---|
| The whole page reloads | Yes | No, for AJAX-enabled navigation |
| The audio player is recreated | Yes | The existing player stays active |
| Playback behavior | Attempts to resume from a saved position | Continues while new content loads |
| Main benefit | Remembers listening progress | Avoids interruptions caused by page reloads |
Add continuous audio playback with Ajaxify by Sonaar
An AJAX-enabled theme is no longer the only way to add seamless navigation to WordPress.
Ajaxify by Sonaar brings AJAX navigation to your website through a plugin. It loads new page content while keeping persistent elements, including your audio player, in place.
Ajaxify also adds smooth page transitions and can make browsing feel faster by reducing the need for full-page reloads.
It works with MP3 Audio Player Pro and can also be configured with third-party audio players. For continuous playback, the essential requirement is that the active player remains in place during navigation.
Ajaxify handles navigation. Your audio player handles the music, playlists, and playback controls.
How to set up continuous playback
1. Install and activate Ajaxify
Upload the Ajaxify plugin to WordPress, activate it, and add your license for updates and support.
If you’re adding it to an existing website, use a staging copy first so you can check your navigation and player configuration before making the changes public.
2. Set up your audio player
Choose the player visitors will use to listen to your content.
With MP3 Audio Player Pro, configure your tracks and sticky player. If you already use another player, check how it is added to your site and whether it can remain active across page changes.
The player needs to stay outside the page content that AJAX navigation replaces. A player recreated inside every new page cannot maintain the same uninterrupted listening session.
3. Configure page navigation and transitions
Configure Ajaxify for your site’s content area and enable the page transition behavior you want.
Identify any pages or interactions that need a normal page load, and configure exclusions where required. Your theme, page builder, and other plugins can affect which settings your site needs.
4. Test the listening experience
Start a track, then move through your website as a visitor would.
Open your homepage, music page, About page, and other important destinations. Check that:
- The track continues without restarting during AJAX navigation.
- The player controls still work.
- The active menu item and browser address update correctly.
- The browser’s Back and Forward buttons work as expected.
- Forms, menus, and other interactive elements still function.
- The experience works on desktop and mobile.
For a store, also test product options, add-to-cart actions, the cart, and checkout.
Try Ajaxify’s interactive demo to hear continuous playback in action →
What if your WordPress theme already includes AJAX navigation?
Some WordPress themes already provide AJAX navigation and a persistent audio player, including Sonaar’s music WordPress themes.
If your current setup already keeps audio playing between pages, you may not need another navigation plugin.
Check the theme’s existing functionality before enabling a second AJAX navigation system. Running two systems that both intercept page links can create conflicts.
For websites that need this functionality added separately, Ajaxify provides a plugin-based approach.
Compatibility and troubleshooting
AJAX navigation changes how pages load. Some plugins initialize their functionality only during a full page load, so their behavior needs to be checked when new content is loaded dynamically.
Compatibility depends on the complete setup: your theme, player, page builder, plugins, and navigation settings.
The audio stops when I open another page
Check whether that link triggers a full page reload. If it does, the browser will recreate the player.
If the navigation uses AJAX, check whether the active player is inside the content area being replaced. It needs to remain persistent for uninterrupted playback.
A form, slider, or other widget stops working
The component may need to initialize again after new page content loads.
Check its compatibility and configuration. Where necessary, allow the affected page to load normally rather than forcing AJAX navigation.
What about WooCommerce?
WooCommerce compatibility should be assessed for your specific setup, rather than treated as a blanket yes or no.
Product pages, cart updates, checkout, and payment integrations involve different behaviors. Test the complete purchasing journey and retain normal page loads wherever your configuration requires them.
I need help with my configuration
If something isn’t working as expected, contact Sonaar support with your website URL, player details, and the steps that reproduce the issue.
Frequently asked questions
Can I keep music playing across WordPress pages without changing my theme?
Yes, a plugin-based approach such as Ajaxify can add AJAX navigation without requiring you to switch to a theme with that feature built in. Your theme and player still need to be configured and tested together.
Is a sticky audio player the same as continuous playback?
No. “Sticky” describes a player that remains visible while you scroll. Uninterrupted playback across pages requires the active audio player to remain running during navigation.
Do I need MP3 Audio Player Pro to use Ajaxify?
Ajaxify works with MP3 Audio Player Pro and can also be configured with third-party players. The player must remain active outside the content being replaced during navigation.
Does Ajaxify automatically start music when someone visits?
Continuous playback and autoplay are different features. Visitors should be able to press play to begin listening, then keep browsing while their audio continues. Browser restrictions can prevent sound from starting automatically.
Will audio keep playing if someone refreshes the page?
A manual refresh reloads the browser document, including the audio player. AJAX navigation prevents reloads during supported page changes; it does not prevent a visitor from refreshing or leaving the website.
Does AJAX navigation automatically improve SEO?
No. Smooth navigation is an experience improvement, not a guarantee of higher rankings.
Each page should still have its own accessible URL, useful content, appropriate title and canonical tags, and crawlable internal links. Check that these remain correct when navigating with AJAX and when opening a page directly.
Let visitors explore while the music keeps playing
Your visitors shouldn’t have to choose between listening and exploring your website.
Remembering a playback position can help listeners resume a session. Keeping the player active during AJAX navigation takes the experience further by removing the interruption caused by ordinary page changes.
Ajaxify by Sonaar brings that continuous listening experience together with seamless navigation and smooth page transitions.
