Eliot Berriot @eliotberriot@mastodon.eliotberriot.com

@sporiff I hope so :D

Second iteration of #Funkwhale's embed widget today, with:

- Multi tracks mode (as seen on first video)
- Better color palette thanks to @Troll
- Better accessibility (the whole think is now usable from keyboard only)
- Embed wizard inside Funkwhale to generate embed code, with preview (first video)
- Tweaks to have a responsive widget on really small widths
- Tests on my personnal website (second video)
- Other styling tweaks

I'm so happy to have this included in the next release!

@Electron bonjour !!

@Jared @Troll bonne idée jz teste ça demain !

@Jared en fait Slack conserve les données pour t'inciter à payer, mais quand tu demande un export, ils sont tenus de tout te donner je pense.

@eloisa thanks!

@soza voilà, c'est exactement ça :)

@eloisa thanks!

@soza en fait quand tu visite une page qui contient un widget comme celui sur lequel je travaille (ou le player youtube, par exemple, c'est pareil), c'est comme si ton navigateur chargeait deux pages en même temps:

- La page que tu visite qui elle-même fait appel à
- La page qui contient le widget

Et chaque page web appelle généralement d'autres ressources (images, styles, scripts, polices…)

Du coup, ça peut très, très vite faire beaucoup d'allers-retours sur le réseau

@Jared fun fact: on avait fait la même à mon boulot, et en exportant les données depuis slack pour les réimporter dans Mattermost, on avait tous l'historique (y compris ce qui était caché dans slack :D)

Pour l'app Funkwhale, on en est malheureusement pas à ce niveau de performance (déjà parce que l'app fait beaucoup plus de choses), mais je prends les choses très à coeur pour le widget, car il est destiné à être inclut sur des sites tiers, son potentiel de nuisance est donc beaucoup, beaucoup plus élevé

@Troll après on peut aussi retirer la typo et laisser que le logo

@Troll j'ai tenté, mais ça peut poser un problème quand le titre est un peu long et le widget un peu étroit :/

le widget en lui même fait 5 appels HTTP pour un total d'un peu moins de 300Kb (non gzippé). C'est purement statique, donc en cache côté client après le premier chargement. Il faut rajouter à ça un ou deux appels API (si on loade un album), un appel pour charger la cover de l'album et un appel pour l'audio proprement dit.

À côté de ça, le widget de Soundcloud fait 29 requêtes HTTP pour un poid total de 1.5Mb, et celui de deezer 29 requêtes pour 5Mb !