I wanted to ask if it's possible to add a heart-shaped button next to each track to allow users to save their favorite tracks. This feature would be really important for us. We want to build a membership site, and being able to provide this function to users would be a game-changer for us.
- Does this feature already exist in your plugin? I have the pro version. - If this feature doesn't already exist, would you consider developing it? I believe it would be a significant competitive advantage for you to provide such an important feature. - If it's not currently possible with your plugin, do you have any suggestions on how to integrate this button? Maybe with other WooCommerce plugins? I would be really grateful if you could answer all these questions.
Unfortunately, the Sonaar MP3 Player plugin does not currently have this feature. However, you're not alone in requesting it, and there's a possibility that it may be considered for development in the future. Unfortunately, at this time, we don't have any recommended workarounds for your needs.
If you have any other questions or need further assistance, please let me know.
Hi Alexandre, yes I have another questions. How can i setup the download button (first attachment)? I want that when a user click the download, the file instantly download on his computer, I don't want the redirect to a page like the one in the second attachment.
The behavior you described is expected and is a security feature implemented by web browsers.
If you want to enable downloading from a different domain, you would need to configure the server hosting the file to send the appropriate HTTP headers, specifically the Access-Control-Allow-Origin header, allowing cross-origin requests. However, keep in mind that enabling cross-origin downloads should be done carefully and only when necessary, considering the security implications it may have.
Alternatively, if you have control over the server hosting the webpage, you could proxy the file download through your own domain. In this case, the download link would point to your domain, which would then retrieve the file from the other domain and serve it to the user.
Another question, is it possible to have pre-set filters when opening a page? For example, using ACF, I have created filters for various songs based on genre. I would like to create a page for each genre and only display songs of that genre on their respective genre pages. Is this possible? How can it be done?
Hello, when I start a track, I see a waveform on the player that doesn't match the track I'm listening to. Is it possible to change it and put a waveform that corresponds to the track? Right now, neither the shape nor the duration of the waveform matches. The backing track ends earlier, but the waveform continues for several more seconds.
Here the error message I can see through the browser consol when it s playing the mp3 file:
Access to audio at 'https://sixtyseven.fra1.digitaloceanspaces.com/Basi_mixeep/arpfromthespace-preview.mp3' from origin 'https://mp3-player.local' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
Thank you Alexandre, one more question, Is it possible to have the download button only next to the tracks and not on the player as well? I would like to remove the download button from the player.
Hello, please help me because I don't understand what I'm doing wrong. I keep seeing the download button even on the player at the bottom of the page. I only want to see the download button next to the track and no buttons on the player. What can I do? I followed your instructions as you can see from the screenshots, but I still see the download and share buttons on the player. I want to exclude them completely. Is there a solution?
Thank you Alexandre, is there a way to add this code to all the pages of the website (all at once) or do I have to put the custom code on every single page manually?
Why can't I change the width of the custom fields columns in the tracklist for responsive views? I'm using Elementor, and when I switch to tablet or mobile view and try to adjust the column width, it doesn't actually change anything. Why is that happening?
Hi,
I wanted to ask if it's possible to add a heart-shaped button next to each track to allow users to save their favorite tracks. This feature would be really important for us. We want to build a membership site, and being able to provide this function to users would be a game-changer for us.
- Does this feature already exist in your plugin? I have the pro version.
- If this feature doesn't already exist, would you consider developing it? I believe it would be a significant competitive advantage for you to provide such an important feature.
- If it's not currently possible with your plugin, do you have any suggestions on how to integrate this button? Maybe with other WooCommerce plugins?
I would be really grateful if you could answer all these questions.
Hi Marco,
Unfortunately, the Sonaar MP3 Player plugin does not currently have this feature. However, you're not alone in requesting it, and there's a possibility that it may be considered for development in the future. Unfortunately, at this time, we don't have any recommended workarounds for your needs.
If you have any other questions or need further assistance, please let me know.
Thanks,
Alexandre from the Sonaar.io Crew
Hi Alexandre, yes I have another questions. How can i setup the download button (first attachment)? I want that when a user click the download, the file instantly download on his computer, I don't want the redirect to a page like the one in the second attachment.
Attached files: Download_button.png
Redirect.png
Hi Marco,
This should work is the file url has the same domain name. Is it the case?
Thanks,
Alexandre from the Sonaar.io Crew
No, the file is not stored in wordpress but it is stored in an external site
The behavior you described is expected and is a security feature implemented by web browsers.
If you want to enable downloading from a different domain, you would need to configure the server hosting the file to send the appropriate HTTP headers, specifically the Access-Control-Allow-Origin header, allowing cross-origin requests. However, keep in mind that enabling cross-origin downloads should be done carefully and only when necessary, considering the security implications it may have.
Alternatively, if you have control over the server hosting the webpage, you could proxy the file download through your own domain. In this case, the download link would point to your domain, which would then retrieve the file from the other domain and serve it to the user.
Thanks,
Alexandre from the Sonaar.io Crew
Another question, is it possible to have pre-set filters when opening a page? For example, using ACF, I have created filters for various songs based on genre. I would like to create a page for each genre and only display songs of that genre on their respective genre pages. Is this possible? How can it be done?
Hi Marco,
No, it is not possible, but you can use the url with parameters to open the page with pre-set.
When we are using a filter, the url changes.
Thanks,
Alexandre from the Sonaar.io Crew
Hello, when I start a track, I see a waveform on the player that doesn't match the track I'm listening to. Is it possible to change it and put a waveform that corresponds to the track? Right now, neither the shape nor the duration of the waveform matches. The backing track ends earlier, but the waveform continues for several more seconds.
This is a fundamental feature.
Hi,
Please go to wp-admin>mp3 player>settings>General
And select "Dynamic waveform" as the wave type
Thanks,
Alexandre from the Sonaar.io Crew
When I select that option, the sound wave completely disappears.
Attached files: Screenshot 2023-07-14 alle 16.05.14.png
May I have the url?
Thanks,
Alexandre from the Sonaar.io Crew
I presume you are playing a mp3 file from another server. May I have a mp3 file url?
Thanks,
Alexandre from the Sonaar.io Crew
The issue is probably caused by a CORS Policy from the mp3 hosting. Please provide the mp3 file url if you planing to use the same mp3 server.
Thanks,
Alexandre from the Sonaar.io Crew
I confirm we have a CORS Policy issue here.
Here the error message I can see through the browser consol when it s playing the mp3 file:
Access to audio at 'https://sixtyseven.fra1.digitaloceanspaces.com/Basi_mixeep/arpfromthespace-preview.mp3' from origin 'https://mp3-player.local' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
To fix this issue, please read solutions from this article: https://sonaar.io/docs/audio-not-playing-read-this/
This article is about another issue caused by the same CORS policy.
Thanks,
Alexandre from the Sonaar.io Crew
Thank you Alexandre, one more question, Is it possible to have the download button only next to the tracks and not on the player as well? I would like to remove the download button from the player.
Hi Marco,
Yes.
To add a download button to a track, please edit the playlist past and add a call to action button with the download icon
Thanks,
Alexandre from the Sonaar.io Crew
Is it possible to prevent the player, shown in the screenshot, from appearing on certain URLs that I choose?
Attached files: Screenshot 2023-07-17 alle 17.35.43.png
If your all talking about the continuous player, yes, this is possible.
Please go to wp-admin>settings>sticky player
Thanks,
Alexandre from the Sonaar.io Crew
Hello, please help me because I don't understand what I'm doing wrong. I keep seeing the download button even on the player at the bottom of the page. I only want to see the download button next to the track and no buttons on the player. What can I do? I followed your instructions as you can see from the screenshots, but I still see the download and share buttons on the player. I want to exclude them completely. Is there a solution?
Attached files: Screenshot 2023-07-26 alle 09.32.22.png
Screenshot 2023-07-26 alle 09.32.05.png
Screenshot 2023-07-26 alle 09.31.56.png
Hi Marco,
The sticky player always display track Call to Action.
To add them you can use this custom css code:
#sonaar-player .store {
display: none !important;
}
Thanks,
Alexandre from the Sonaar.io Crew
Thank you Alexandre, is there a way to add this code to all the pages of the website (all at once) or do I have to put the custom code on every single page manually?
Please go to wp-admin>appearance>customise site>additional CSS
Thanks,
Alexandre from the Sonaar.io Crew
Thank you Alexandre, it works!
Why can't I change the width of the custom fields columns in the tracklist for responsive views? I'm using Elementor, and when I switch to tablet or mobile view and try to adjust the column width, it doesn't actually change anything. Why is that happening?
Hi,
Nothing change probably because the track titles area take to much space. Are you still working offline? Are you able to share an URL?
To reduce the space allow to the track title, please go to wp-admin>appearance>customize site>additional css.
And add this code:
@media screen and (max-width: 767px) {
:root {
--srp-global-column-title-width: 50px;
}
}
Please let me know how it goes.
Thanks,
Alexandre from the Sonaar.io Crew
Hi Marco,
You are right, the responsive column width doesn't work. We will remove the icon here. It should not be there.
You should be able to set the column width effectively without the responsive option. A JS script will hide columns when there is insufficient space.
Please let me know if you can't achieve what you want.Thanks,
Alexandre from the Sonaar.io Crew