How do I create a Song Container??

[MontyHu]

Question Checklist

• [x ] I updated Amplitude.js to the latest version
• [ x] I read the docs
• [ x] I searched for [existing GitHub issues]

Question Description

In the documentation there is mention of a Song Container, and that it allows you to style differently the currently playing song, which is something I really want to do.

But the help docs don't explain how this Song Container is created. Do I just create a div with class="song-container"? Actually, I tried that, but it didn't work. It would be great if the docs could explain this element in more detail. It seems like a really useful option, but I have no clue how to actually use it or where to find it or create it. Thanks.

[AE0L]

Instead of <div class="song-container"></div>, you should do <div class="amplitude-song-container" data-amplitude-song-index="{X}"></div>.

[AE0L]

Most of the classes used in Amplitude.js has a "amplitude-" prefix.