作者小枫
Skip to contentMusic has character.
XF MUSIC PLAYER / THEME COLLECTION
Music has character.
So does your player.
Find the right character for your website, try it, and copy the code to get started.
Official themes
Select a theme to update the live playerCurrent player theme · Original
Custom themes
One name. Ready to use.
Select a built-in theme with the theme attribute. HTML, JavaScript, Vue and React share the same configuration.
Switch without rebuilding.
Use player.setConfig({ theme }) to change a built-in theme while keeping the existing player and playback state.
Make a theme your own.
Extend styles with customThemeName and customThemeStyle, or generate theme code with AI in the online debugger.