I purchased the mp3 pro plugin. I want it to display automatically with the bottom bar (so ready for someone to hit play) when someone lands on a page or as someone scrolls down a page. Is this possible? Or does someone have to hit play on the playlist in order for the player to come up?
Also when I click to a different page the player stops working. How to I set it so it keeps playing as someone navigates the website?
1) If I have to click play to make the player popup that is fine actually. But how do I enable the player to continue playing even when I browse to a new webpage?
2) How do I change the bluish/green accent color that borders the popup player at the bottom of the page and the color of the waveform?
3) How do I change the icon that allows you to collapse the player. So that instead of an X it is a minimize icon.
4) If I have landed on the homepage, have clicked the play button, allowed the player to play and gone to a new webpage with a new album on it. How do I then enable that new webpage to hit play and override the current song playing and then have that song continue if they continue to browse to another page on the website?
1) Auto-play audio when your page loads are now banned by most desktop and mobile browsers including Chrome and Safari. This is what we call an "Auto-Play Policy". To play audio in a web browser, the user has to interact with the page before audio can play. Interactions are something like clicking a menu, a play button etc.
- To enable the sticky footer player when the page load and then, users will have to click play. To do it, edit your page and select your playlist in the Music dropdown. See screenshot: https://d.pr/i/ouq7Ay
- To enable continuous audio playback, go to WP-Admin > MP3 Player > Settings and enabled Continuous Playback. see screenshot: https://d.pr/i/F1o9f5
Please note that depending on the browser you use, this feature may react differently. On Chrome, there is no problem because to auto-play is automatically enabled when the user click plays the first time. On safari and firefox, this is up to the user to enabled auto-play on their browser. See screenshot for example https://d.pr/i/q5xTvP
If you don't want this, then you will have to rely on an AJAX-powered theme that will make the sticky player NOT reload on page switch. You can see example on all our WordPress themes available here https://sonaar.io/wordpress-themes/
2) You can change the font and color of the sticky in WP-Admin > MP3 Player > Settings
3) We dont have an option to change this, sorry
4) This is done automatically by our player. you should not have to worry about this
Thank you! I have enabled continuous playback, however as you note it does not continue in firefox. I do not get a prompt like the one you show here https://d.pr/i/q5xTvP when I change pages. Is that correct? How is a user prompted to enable autoplay?
Also if you could please submit a feature request for me for 3, that would be great. I recommend it since the X is confusing. To your average user it would indicate that clicking it will stop the player as opposed to minimize it.
Users won't get prompted to activate autoplay has this would be considered annoying and bad UX. This is the whole point of auto-play policy.
Unfortunately, there is nothing you can do to force a user to enabled these settings. The best UX you can get is by using an AJAX theme to prevent this issue, such as our themes here https://sonaar.io/wordpress-themes/
Hi Max, thanks for that. My current site is built completely in Elementor. Will that work with your Ajax powered theme? As in, will I be able to keep my current site but just switch the theme so it works with the autoplay?
What I always recommend when using a new WordPress theme is to develop the "new" website on a staging server with a fresh copy of WordPress. So start with a clean copy of WordPress, install the theme and its demo. By doing this, your existing website will continue to run, and you will have all the time you want to develop/design the new website on your staging server.
You could also export/import the old blog posts of your old website onto your new website by going to WP-Admin > Tools > Import/Export.
When you are ready to launch your new website, you will just have to point your domain name to the staging server so it becomes your new "live" server.
The bulk of my website is built using elementor. I will send you the link so you can see it. I like the elementor content and also the menu I have build in elementor. Will that all work if I buy your theme and activate it? Do your themes accept elementor and can I use an elementor header in them? Thanks!
1) Are you using the plugin or the Sonaar theme? Either ways, in elementor, search for sonaar and the widgets have a green labels. see screenshot: https://d.pr/i/dQlGb8
2) to remove dash, go to wp-admin > theme options > looks and feel and remove page title divider image: https://d.pr/i/aZIIn7
I purchased the mp3 pro plugin. I want it to display automatically with the bottom bar (so ready for someone to hit play) when someone lands on a page or as someone scrolls down a page. Is this possible? Or does someone have to hit play on the playlist in order for the player to come up?
Also when I click to a different page the player stops working. How to I set it so it keeps playing as someone navigates the website?
An update and more questions:
1) If I have to click play to make the player popup that is fine actually. But how do I enable the player to continue playing even when I browse to a new webpage?
2) How do I change the bluish/green accent color that borders the popup player at the bottom of the page and the color of the waveform?
3) How do I change the icon that allows you to collapse the player. So that instead of an X it is a minimize icon.
4) If I have landed on the homepage, have clicked the play button, allowed the player to play and gone to a new webpage with a new album on it. How do I then enable that new webpage to hit play and override the current song playing and then have that song continue if they continue to browse to another page on the website?
Thanks!
Hi,
1) Auto-play audio when your page loads are now banned by most desktop and mobile browsers including Chrome and Safari. This is what we call an "Auto-Play Policy". To play audio in a web browser, the user has to interact with the page before audio can play. Interactions are something like clicking a menu, a play button etc.
- To enable the sticky footer player when the page load and then, users will have to click play. To do it, edit your page and select your playlist in the Music dropdown. See screenshot: https://d.pr/i/ouq7Ay
- To enable continuous audio playback, go to WP-Admin > MP3 Player > Settings and enabled Continuous Playback. see screenshot: https://d.pr/i/F1o9f5
Please note that depending on the browser you use, this feature may react differently. On Chrome, there is no problem because to auto-play is automatically enabled when the user click plays the first time. On safari and firefox, this is up to the user to enabled auto-play on their browser. See screenshot for example https://d.pr/i/q5xTvP
If you don't want this, then you will have to rely on an AJAX-powered theme that will make the sticky player NOT reload on page switch. You can see example on all our WordPress themes available here https://sonaar.io/wordpress-themes/
2) You can change the font and color of the sticky in WP-Admin > MP3 Player > Settings
3) We dont have an option to change this, sorry
4) This is done automatically by our player. you should not have to worry about this
Thanks,
Max from the Sonaar.io Crew
Thank you! I have enabled continuous playback, however as you note it does not continue in firefox. I do not get a prompt like the one you show here https://d.pr/i/q5xTvP when I change pages. Is that correct? How is a user prompted to enable autoplay?
Also if you could please submit a feature request for me for 3, that would be great. I recommend it since the X is confusing. To your average user it would indicate that clicking it will stop the player as opposed to minimize it.
Users won't get prompted to activate autoplay has this would be considered annoying and bad UX. This is the whole point of auto-play policy.
Unfortunately, there is nothing you can do to force a user to enabled these settings. The best UX you can get is by using an AJAX theme to prevent this issue, such as our themes here https://sonaar.io/wordpress-themes/
For 3), I will add this to our roadmap.
Thanks,
Max from the Sonaar.io Crew
Hi Max, thanks for that. My current site is built completely in Elementor. Will that work with your Ajax powered theme? As in, will I be able to keep my current site but just switch the theme so it works with the autoplay?
What I always recommend when using a new WordPress theme is to develop the "new" website on a staging server with a fresh copy of WordPress. So start with a clean copy of WordPress, install the theme and its demo. By doing this, your existing website will continue to run, and you will have all the time you want to develop/design the new website on your staging server.
You could also export/import the old blog posts of your old website onto your new website by going to WP-Admin > Tools > Import/Export.
When you are ready to launch your new website, you will just have to point your domain name to the staging server so it becomes your new "live" server.
Thanks,
Max from the Sonaar.io Crew
Hi Max, let me re-ask the question.
The bulk of my website is built using elementor. I will send you the link so you can see it. I like the elementor content and also the menu I have build in elementor. Will that all work if I buy your theme and activate it? Do your themes accept elementor and can I use an elementor header in them? Thanks!
Yes!
Thanks,
Max from the Sonaar.io Crew
Thanks. I purchased theme and have a couple questions.
1) I cannot find how to insert a playlist into the site via elementor. There is no option for that in the widgets.
2) How do I remove the dash at the top of every page?
1) Are you using the plugin or the Sonaar theme? Either ways, in elementor, search for sonaar and the widgets have a green labels. see screenshot: https://d.pr/i/dQlGb8
2) to remove dash, go to wp-admin > theme options > looks and feel and remove page title divider image: https://d.pr/i/aZIIn7
Thanks,
Max from the Sonaar.io Crew