search

polimediaupv / paella-core

Paella Player core library
Educational Community License v2.0
20 stars 15 forks source link

Feature request: Adapt/Skin pre-roll icons #358

Closed miesgre closed 5 months ago

miesgre commented 6 months ago

I want to change/customize the play and spinner button but there is no way to do that with the current skin implementation.

Adapt paella to be able to customize those icons in skin.

311309718-31de2131-8c03-4a29-9f44-15abad020198 311309822-f26161e8-2614-4a84-a82e-acac30a8f737

ferserc1 commented 5 months ago

Starting at version 1.48.0, you can use the icon customization API to configure the play icon and the spinner. The spinner is animated via CSS, if you want to modify the animation, you'll need to set your custom animation in style sheets

// Play icon
paella.addCustomPluginIcon("previewContainer","play", customPlayIcon);
// Spinner, it's animated by CSS, to change the animation you have to touch the styles
paella.addCustomPluginIcon("loader","progressIndicator", customSpinner);

Using loadStyle() to add style sheets: https://paellaplayer.upv.es/#/doc/styles.md

Icon customization API: https://paellaplayer.upv.es/#/doc/plugin_icon_customization.md