Import de morceaux

1. Inscrivez-vous gratuitement sur Winky
2. Connectez-vous à votre espace d'administration
3. Cliquez sur l'onglet Musique du menu déroulant
4. Vous pouvez ajouter une liste de lecture en cliquant sur Nouvelle liste de lecture puis ajouter un morceau ou directement ajouter un morceau à la liste de lecture créée par défaut appelée Morceaux seuls
   Une liste de lecture permet de regrouper plusieurs morceaux. Elle peut-être un album, un thème ou autres.
5. Pour ajouter un morceau, cliquez sur Ajouter un morceau sur la liste de lecture choisie
6. Remplissez les champs et choisissez le fichier à uploader
7. Cliquez sur Valider

Une fois l'upload terminé, la page se rafraichit automatiquement et vous voyez alors votre morceau uploadé.
Lorsqu'une liste de lecture contient plusieurs morceaux, vous pouvez modifier l'ordre de ceux-ci simplement en glissant un morceau (bouton de clic gauche laissé enfoncé, vous déplacez la souris, puis vous relachez le bouton).

Personnalisation des formes d'onde

Méthode simple

1. Inscrivez-vous gratuitement sur Winky
2. Connectez-vous à votre espace d'administration
3. Cliquez sur l'onglet Design du menu déroulant, section Lecteurs audio
4. Cochez le paramètre Waveform

5. Vous pouvez modifier l'apparence des forme d'onde via les paramètres présents dans cette section :

   • Player_waveform Couleur par défaut des formes d'onde
   • Player_waveform_loaded Couleur de la parie chargée des morceaux
   • Player_waveform_played Couleur de la partie jouée des morceaux
   Ces modifications s'appliquent à tous les lecteurs de musique.

Méthode avancée

1. Inscrivez-vous gratuitement sur Winky
2. Connectez-vous à votre espace d'administration
3. Cliquez sur l'onglet Musique du menu déroulant
4. Cliquez sur le bouton Editer du morceau dont vous désirez personnaliser le lecteur de musique
5. Le champs Forme d'onde vous permet d'insérer un object en langage JavaScript
6. Cliquez sur Valider

Documentation JavaScript

L'objet JavaScript représente le lecteur de musique dont les principaux attributs sont les suivants :

{
		//Couleur par défaut
		default:Player.Color,
		//Couleur de la partie chargée du morceau
		loaded:Player.Color,
		//Couleur de la partie jouée du morceau
		played:Player.Color
	}

var color=new Player.Color(255,0,0,0.5);

var color=Player.fromRGBAString("rgb(255,0,0,0.5)");

var color=other_color.clone();

var ratio=3;

var ratio=function(){
		//this.container : noeud DOM contenant le code HTML du lecteur de musique
		return this.container.offsetWidth/190;
	};

var formatData=function(_data){
		var data=[];
		for(var x=0;x < _data.length;x++) {
			data[x]=_data[x]/2;
		}
		return data;
	};

{
		//Couleur à appliquer
		color:Player.Color,
		//Décalage
		offset:Nombre
	}

D'autres attributs sont accessibles, mais il est recommandé de ne pas les modifier.

A titre d'exemple, voici l'objet global JavaScript utilisé par défaut :

{
	colors:{
		default:Player.Color.fromRGBAString("rgba(75,75,75,1)"),
		loaded:Player.Color.fromRGBAString("rgba(45,45,45,1)"),
		played:Player.Color.fromRGBAString("rgba(204,51,63,1)")
	},
	ratio:function(){
		var width=this.container.offsetWidth,
			result=width/190;
		try {
			if (!window.frameElement) {
				var viewport=window.top.document.body.dataset.viewport;
				if (viewport === "xs")
					result=3;
				else if (viewport === "sm")
					result=6;
				else if (viewport === "md")
					result=3;
				else if (viewport === "lg")
					result=3;
			}
		}
		catch(_e) {}
		return result;
	},
	bottom:true
}

Export de lecteurs de musique

1. Inscrivez-vous gratuitement sur Winky
2. Connectez-vous à votre espace d'administration
3. Importez vos créations musicales
4. Personnalisez chacun de vos lecteurs de musique en fonction de vos envies
5. Cliquez sur le bouton Partager associé à chaque lecteur de musique
6. Exportez vos lecteurs de musique où vous le désirez via un simple copier/coller

Exemple du morceau Pedale du site de démonstration

<iframe width="100%" height="220" scrolling="no" frameborder="no" src="http://demo.winky.fr/player/?sound_id=1&show_controls=1&show_title=1"></iframe>

Résultat