Okay
  Public Ticket #2640899
Questions about the player
Closed

Comments

  • Christian started the conversation

    Hi,

    I am creating my new website. I love your player :-)

    I have a few questions about the player:

    1.) Is there an autoplay function?

    2.) Could you possibly program the following: After the user has scrolled a percentage X of the site does the player minimize itself?

    or

    After a time X (seconds) has passed, does the player minimize itself?

    3.) Is it possible to load the player minimized?

    4.) If I change the "feature color", the minimize button and the font color in the playlist change. Can I set the font color and the color of the minimizer button separately?

    Thank you for your answers in advance. I wish you a merry christmas :-)

    Many Greetings,

    Christian

  •  1,104
    Max replied

    Hello Christian,

    Thanks for reaching us out,

    1. Auto-play audio when your page loads is now banned by most desktop and mobile browsers including Chrome and Safari. This is what we call a "Auto-Play Policy". To play audio in a web browser, the user has to interact with the page before audio can play. Interactions is something like clicking a menu, a button, scroll down the page, etc.

    The closest thing you can do is to automatically fire 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

    You can read more about the Chrome browser policy here: https://www.theoplayer.com/blog/chrome-autoplay-policy-what-you-need-to-know


    2. This would be a nice option to have and I like the idea ! I will add this to our roadmap for a future version.

    3. its not possible to load the player minimized as the user must click play to use it and if its minimized, the use wont have a clue how to click play.

    4. You can set the color of the minimized separately by adding custom CSS to your additional CSS in customizer:

    #sonaar-player .close.btn-player {
        background-color: #fff;
    }
    #sonaar-player .close.btn-player rect {
        fill: #ff0000;
    }


    Thanks,


    Max from the Sonaar.io Crew