Flex/Fash sur dogmazic ? Votre avis

[Hitmuri]

Ben du coup j'ai quelque remarques sur l'organisation du truc.
Bon tout d'abord, bravo à pelf, ça marche nickel, les recherches et l'écoute sont super simples.

Ensuite, je trouve que l'interface prend beaucoup de place, par rapport à jiwa par exemple.
ne pourrait-on pas mettre le player en bannière en haut ?
et avons nous besoin de tous les logos et de toutes les infos sur les groupes.
de la même façon j'enlèverai les boutons pour mettre des petites icones, ou des liens sur le texte directement.
une idée de ce que ça pourrait donner (bon c'est un peu crado, j'ai fait des captures d'écran pour avoir les différents éléments): http://hitmuri.com/mockup_dixheuresmazic.png

Flo

[PeLF]

tdBt, eisse ...
L'idée de faire de la pédagogie autour des licences ouvertes et de ce que cela implique au niveau des droits et devoirs de celui qui télécharge une musique me semble une bonne idée.

Il ne faut pas que cela soit invasif et il ne faut pas que cela passe inaperçu ... et cela ne concerne que le téléchargement, pas l'écoute.

Plusieurs pistes :
- au moment du download afficher l'information correspondants aux licences ... mais je ne crois pas à l'efficacité de ce type de "spam".Au mieux cela sera ignoré avec un clic dédaigneux, aux pire rIsque de dégoutter l'utilisateur.
- S'assurer que la licence et une explication la concernant est dans les tag Mp3 et Ogg, voir l'ajouter au moment du download ... (Bien choisir la balise concerné pour que cela s'affiche clairement dans le baladeur mp3 du gars : c'est vicieux, je sais )
- Comme nous le faisons avec automazic, ajouter au téléchargement un fichier .txt ou .html avec pour chaque Label/Artiste/Album la page dogmazic y correspondant et pour chaque morceau la licence (avec pourquoi pas un explication claire) y correspondant. (J'ai une certaine préférence pour cette solution)

---------

Pour Hitmuri
Merci !
Cela me donne quelques idées .... (encore non mises en pratiques)

[PeLF]

Mise à jour ::
- Gestion de la multi sélection
- Débuggage playlist et curseur
- Relookage

@+

[aisyk]

Salut PeLF,

Tout d'abord félicitations pour ce beau player, fonctionnel, et léger ! (tu me ferai presque me réconcilier avec le flash toi).

Petites suggestions :
- Pouvoir enlever des pistes de la playliste en les glissant ailleurs du lecteur.
- Pouvoir enregistrer ses playlistes dans son compte, on voit celles déjà enregistrées, ce qui est super mais on ne peut pas ajouter celles que l'on fait avec le player, dommage. (enfin ces boutons sont "under construction" )
- Pouvoir cliquer sur les noms des artistes dans la liste de recherche du bas.
- Mettre les appréciations des gens (avec les smileys), un peu comme Amarok le fait avec ses étoiles.
- Et puis une version "longue" à la place du bandeau black-out
- Sinon le halo autour des liens cliquables est bien trouvé mais trop gros, je le verrai plus discret.

Voilà, voilà !!!
Merci encore PeLF !

[yza]

pour moi manquerait :
- la durée du titre, voire un total pour la playlist
- le nombre de titres qui composent la playlist

[yza]

Bah dis-donc, ça avance à vitesse supersonique ce player.

Je ne sais pas si c'est un bug mais, ma playlist ne sort pas les titres dans l'ordre que j'ai défini au départ.

J'ai testé ton player détaché sur ton blog, en appuyant sur stop le haut de mon firefox est parti en live au niveau de l'affichage : depuis les onglets et en remontant (pas sûre que ça vienne du player...mais bon)

[PeLF]

Hep !!!!

On peut concidéré que la bébéte est en version béta 2 maintenant (c'est à dire lâchable au grand public ... avec quelques petit bug qui seront corrigé au fur et a mesure).

yza :
Vivi, je sais : l'ordre de la playlist est totalement aléatoire (j'ai fini ça cette nuit vers 4h du mat XD)
Techniquement le player affiche les morceau dans l'ordre où il a pu les chercher : c'est à dire pifométriquement.
Mais j'ai pris la remarque en compte et cela va faire partie des optimisations à apporter.

De même l'affichage des "notes" est à l'étude, mais pour des raisons de performances faudra d'abord que je mette en place une pagination lorsque l'on ramenne plus d'un certain nombre de titres.

En gros : reste plein de petits détails "chiants" à régler .... mais en l'état, ça marche déjà

@Pluche
PeLF

[tdBt]

Yop pelf, puisque tout le monde charge les boutons de lecture chope ci-dessous un petit set de controlleur et un test de "rampe de volume". (ce sont des boutons que j'avais commencé pour une boite, mais elle a coulé avant de les intégrer). Donc c'est de la récup de viteuf on peut faire mieux notamment en créant des boutons plus larges pour le play.
En revanche comme moi aussi j'ai des reproches à faire aux boutons, mes items sont plus grand, 42x40, il faudra donc sans doute pousser un peu les voisins :/.
Il sont prévus pour ne pas être séparés de plus de 3px. Voilà, si tu peux tester on verra bien.
La rampe de volume c'est un triangle arrondi pseudo-gradué, et un cursor semi transparent, à caler 5px sur la gauche de la rampe, de sorte qu'il englobe, il faut peut-être caler les limites hautes et basses à des valeur supérieures à celle du triangle. (je ne sais pas si je suis clair )

www.antiblues.net/external/controls_dogma.tar.gz

Beau boulot, à plus.

dF

[PeLF]

Eh bé ! Merci merci
Je les garde au chaud ...

Pour l'instant je vais rester sur les icônes Crystal Clear avec leur fond transparents (http://commons.wikimedia.org/wiki/Crystal_Clear ) ... mais comme à terme il se peut que l'utilisateur ai le choix de son skin, là ils serviraient ...


Aller hop ! Je lance un petit jeux : a celui qui ferais le plus beau, le plus laid, le plus étrange, le plus spécial, le plus neutre .... skin Flex :
Flex 3 styles explorer

Copier/coller le pseudo CSS obtenu et soumettez les moi, ça m'obligera à me pencher sur le sujet ^^


@Pluche
PeLF

[aisyk]

Code : Tout sélectionner

Application {
   backgroundColor: #333333;
   backgroundGradientColors: #cccccc, #666666;
   backgroundGradientAlphas: 0.4, 0.7;
   themeColor: #ff9900;
   color: #333333;
}

Accordion {
   themeColor: #ff9900;
}

ApplicationControlBar {
}

Button {
   fillColors: #ffffff, #ff9933, #ffffff, #eeeeee;
   color: #0b333c;
   textRollOverColor: #0b333c;
   textSelectedColor: #0b333c;
   borderColor: #ff9900;
   themeColor: #ff9900;
}

ButtonBar {
   buttonStyleName: "mybuttonBarButtonStyle";
   firstButtonStyleName: "mybuttonBarFirstButtonStyle";
   lastButtonStyleName: "mybuttonBarLastButtonStyle";
}

.mybuttonBarButtonStyle {
   themeColor: #ff9900;
}

.mybuttonBarFirstButtonStyle {
}

.mybuttonBarLastButtonStyle {
}

CheckBox {
   themeColor: #ff9900;
}

ComboBox {
   color: #000000;
   fillAlphas: 0.6, 0.4, 0.75, 1;
   fillColors: #000000, #ffffff, #cccccc, #ffffff;
   selectionColor: #ff9900;
   rollOverColor: #ff9900;
   themeColor: #ff9900;
   alternatingItemColors: #ffffff, #ffffff;
}

DataGrid {
   backgroundColor: #000000;
   alternatingItemColors: #000000, #999999;
   headerColors: #000000, #999999;
   verticalGridLineColor: #999999;
   rollOverColor: #ff9900;
   textRollOverColor: #ffffff;
   borderColor: #b7babc;
   iconColor: #ffffff;
   selectionColor: #ff9900;
   color: #ffffff;
   textSelectedColor: #ffffff;
}

HScrollBar {
   themeColor: #ff9900;
}

HSlider {
   themeColor: #ff9900;
}

LinkBar {
   rollOverColor: #ff9933;
   selectionColor: #ff9900;
}

LinkButton {
   rollOverColor: #ff9933;
   selectionColor: #ff9900;
}

List {
   rollOverColor: #ff9933;
   selectionColor: #ff9933;
}

MenuBar {
   backgroundColor: #000000;
   borderColor: #000000;
   fillColors: #cccccc, #666666;
   rollOverColor: #ff9900;
   selectionColor: #ff9900;
   color: #0b333c;
   textRollOverColor: #0b333c;
   textSelectedColor: #0b333c;
   disabledColor: #999999;
   themeColor: #ff9900;
}

NumericStepper {
   themeColor: #ff9900;
}

PopUpButton {
   themeColor: #ff9900;
}

ProgressBar {
   borderColor: #000000;
   barColor: #ffffff;
   trackColors: #ff9900, #ff9900;
}

RadioButton {
   themeColor: #ff9900;
}

TextArea {
   color: #ffffff;
   backgroundColor: #000000;
}

TextInput {
   backgroundColor: #000000;
   color: #ffffff;
}

ToggleButtonBar {
   buttonStyleName: "mytoggleButtonBarButtonStyle";
   firstButtonStyleName: "mytoggleButtonBarFirstButtonStyle";
   lastButtonStyleName: "mytoggleButtonBarLastButtonStyle";
   selectedButtonTextStyleName: "mytoggleButtonBarSelectedButtonStyle";
}

.mytoggleButtonBarButtonStyle {
   themeColor: #ff9900;
}

.mytoggleButtonBarFirstButtonStyle {
}

.mytoggleButtonBarLastButtonStyle {
}

.mytoggleButtonBarSelectedButtonStyle {
}

ToolTip {
   backgroundColor: #ffffcc;
}

Tree {
   backgroundColor: #000000;
   rollOverColor: #ff9900;
   textRollOverColor: #ffffff;
   borderColor: #999999;
   selectionColor: #ff9900;
   color: #ffffff;
   textSelectedColor: #ffffff;
}

VScrollBar {
   themeColor: #ff9900;
}

VSlider {
   themeColor: #ff9900;
}

Ceci ?