wiki SequenBaul

temps · 23-02-2015 22:48:27

Bonjour,
Ce fil est destinée au wiki SequenBaul
Il est destiné aux DEV pour décrire le role des fichiers,
et les objectifs.

adresse du git
http://git.debian-facile.com/?p=projets … ;a=summary

adresse du wiki
http://debian-facile.org/atelier:chantier:sequenbaul

Graphisme :
Fichier MonMix.cpp
Le fichier est sous Qt
Le fichier appelle 34 bouttons, soit
16 boutons pour pouvoir écrire dans les 16 pistes audio
16 boutons pour pouvoir lire les 16 pistes audio mixées à partir de 2 pistes
1 bouton pour effacer la zone de construction en fichier jo
1 bouton pour quitter l'application

Objectif, créer un graphisme plus léger et plus ludique pour les compositeurs, et une gestion plus facile qu'un copier/coller pour les fichier audio

Appel selon contenue des fichiers piste :
Fichier pourleger.cpp

Convertisseur du fichier audio écris aux normes des lois physiques en fichier audio aux normes des cartes audio actuelles
Fichier convertisseur.cpp

La gestion des cas possibles induite par les lois physiques se fait à l'aide de fichiers nommés AdnForme.cpp et AdnFTab4.cpp

Nous pouvons classer trois grandes familles de technique qui associées optimisent l'application.
La sélection de ces techniques se trouvent dans les 2 premiers octets des 16 octets permettant la génération du son.
Si l’octet 2 est égal à 1 nous allons avoir la famille AdnForme qui contient les voix humaine et les instruments de musique
Si l'octet 2 est égal à 2 ou plus, nous allons avoir des structure de cas possibles

Il y a 256 cas possible du deuxième octet et chacun de ces cas contient 256 cas de premier octet.
Même si SequenBaul peut-être utilisé en l'état il y a reste encore du travail.
Je code actuellement les enchaînements de cas à durée ou amplitude constante, entre les sélections (car plusieurs causes peuvent avoir le même effet) et les limites des lois physiques, et encore comment optimiser le code.

Classement pour le wiki

Hypothèse 1, le classement essai de rejoindre les repères existants, le plus ludique pour les utilisateurs
ce qui implique 256 puissance 16 descriptions - les bords qui sont négligeable
Des descriptions qui ne seront pas toutes évidentes car certaines demanderont de la finesse pour être différencier et d'autres devrons décrire de nouveaux sons.

Hypothèse 2, le classement est effectué par technique de génération avec quelques indices repères pour les utilisateurs. La technique reprend le concept constructeur, il décrit les causes (phénomène, matière) les effets restant des déductions logiques

Hypothèse 3, le classement est effectué par lois physiques

Je pense que l'hypothèse 2 est la meilleur car traditionnellement c'est celle qui a été enseignée et reprise par le siècle des lumières.

Objectifs :

1- finir les tableaux à variations d'amplitude et variation de durée (sens synchrone, asynchrone ou mix)
2- finir les tableaux à amplitude constante
3- finir les tableaux à durées constantes et ajouter les formes sur l'octet 7 type "Marteau acoustique' ou "licorne" de même manière que l'est actuellement modulo (si l'octet modulo pression ambiante<64 modulo par rapport pression acoustique<128 marteau < 192 alors forme licorne
j'entends par marteau une décroissance d'amplitude pendant augmentation de durée, et licorne un son sans force qui permet de faire surfer le son précédent
4-Ensuite améliorer la gestion des instruments de musique et de la voix humaine
5-Améliorer le graphisme, ajouter les tablature d'instruments musicaux et le lecteur
6-Reprendre la tradition du libre (le hard) créant une puce audio pour remplacer le fichier convertisseur (économie d'énergie, gain de qualité, faible cout), le composant étant adapté aux lois physiques.
7-Créer un casque neuronal, qui permettra de parler ou chanter en imaginant les sons
8-Remplacer le stream pour la musique libre à l'aide du format ultra léger contenu dans SequenBaul

Actuellement j'ai rempli la structure joj.h, joj1, joj2, joj3 et joj4.h
la première ligne est plutot amplitude et la deuxième ligne durée, mais placer deux fois la même ligne endurée et amplitude correspond aussi à un équilibre des lois (des sons utiles), il est possible aussi de tirer un meilleur parti des lignes durée et incrémentant ou décrémentant par rapport à une amplitude fixe mais il faut modifier le code et ne représente pas actuellement une priorité.
Les structures sont construites en suivant des lois, les trois principales sont la force, la zone mémoire, et l'inertie.
En exemple de ce que j'entend par inertie se trouve dans le cas du ludion avec deux phénomènes qui jouent entre deux portes produisant des effets contraires. L'un crée l'autre jusque à ce que l'autre soit assez puissant pour prendre la main et ainsi de suite.

La licence de l'application SequenBaul suit celle des git DF même si actuellement l'ancienne licence n'a pas encore été corrigée.

Gestion des structures :

Enchaînement à variations de durée et d'amplitude

jo.h octet 2 de 2 à 8, l'octet 1 et 12 indiquent les lignes d'enchainements lues
jow.h octet 2 de 9 à 15, l'octet 1 et 12 indiquent les lignes d'enchainements lues
jox.h octet 2 de 16 à 22, l'octet 1 et 12 indiquent les lignes d'enchainements lues

Enchaînement à variations de durée et d'amplitude constante

joa.h octet 2 de 30 à 42, l'octet 1 et 12 indiquent les lignes d'enchainements lues

Enchaînement à durée constante et à variations d'amplitude

job.h octet 2 de 43 à 55, l'octet 1 et 12 indiquent les lignes d'enchainements lues

Enchaînement à durée constante et à variations d'amplitude

jod.h octet 2 de 56 à 68, l'octet 1 et 12 indiquent les lignes d'enchainements lues

Enchaînement à durée constante et à variations d'amplitude

joe.h octet 2 de 69 à 94, l'octet 1 et 12 indiquent les lignes d'enchainements lues

Enchaînement à variations de durée et d'amplitude

joj.h octet 2 de 95 à 107, l'octet 1 et 12 indiquent les lignes d'enchainements lues
joj1.h octet 2 de 108 à 120, l'octet 1 et 12 indiquent les lignes d'enchainements lues
joj2.h octet 2 de 121 à 133, l'octet 1 et 12 indiquent les lignes d'enchainements lues
joj3.h octet 2 de 134 à 146, l'octet 1 et 12 indiquent les lignes d'enchainements lues
joj4.h octet 2 de 147 à 159, l'octet 1 et 12 indiquent les lignes d'enchainements lues
joj5.h octet 2 de 160 à 172, l'octet 1 et 12 indiquent les lignes d'enchainements lues
joj6.h octet 2 de 173 à 185, l'octet 1 et 12 indiquent les lignes d'enchainements lues
joj7.h octet 2 de 186 à 198, l'octet 1 et 12 indiquent les lignes d'enchainements lues
joj8.h octet 2 de 199 à 211, l'octet 1 et 12 indiquent les lignes d'enchainements lues
joj9.h octet 2 de 212 à 224, l'octet 1 et 12 indiquent les lignes d'enchainements lues
joj10.h octet 2 de 225 à 237, l'octet 1 et 12 indiquent les lignes d'enchainements lues
joj11.h octet 2 de 238 à 250, l'octet 1 et 12 indiquent les lignes d'enchainements lues
joy.h octet 2 de 23 à 29, l'octet 1 et 12 indiquent les lignes d'enchainements lues

Dernière modification par temps (13-03-2015 15:42:23)

temps · 06-03-2015 12:47:34

Bonjour,
Je viens d’ajouter les premières structures de marteaux acoustique dans les structures.
C'est dans le fichier :
src/AdnFTabj.cpp

J'ai aussi ajouté la 9ème structure (sur 12) de la base structure principale.

Je vais travailler un peu sur les phénomènes (essayer de finir AdnFTabj ) et ensuite sur le wiki, le Read_Me, il faut mettre la licence DF à la place de l'ancienne présentation.

Je garde les structures à amplitudes constantes et ensuite à durée constante pour la fin, car elles demandent plus de finesses (des portes en plein milieu des zones de sons possibles). Pour écrire ces structures voici le comment sans aborder le pourquoi. L'application utilise des phénomènes (structure) qui se reflètent sur 14 paramètres de formes ajustables. Pour pouvoir mieux gérer les inter-actions des lois qui varient selon les dimensions significatives, nous reprenons la technique utilisée dans le marteau ou la licorne dans les structure de base. A savoir les lois d'écrite ne vont plus dépendre d'une structure et 14 paramètres, nous allons écrire en associant 2 structures (chacune dédiée à des dimensions différentes) et 13 paramètres, ou bien même 3 structures et 12 paramètres.

Les derniers cas possibles de l'octet 2 ont été laissé libre pour ajouter un éventuel complémentaire à l'application (car il sera assez lourd composé que de structures et un paramètre). La plupart de ces écritures de sons seront des doublons par rapport au reste de l'application, mais peut apporter un intérêt par sa facilité d'écriture.

Pour mieux visualiser le comment pas le pourquoi, avant la Rome antique, il était coutume de placer plusieurs ludions dans un cours d'eau pour que les très jeunes enfants aprennent. Ceux qui étaient vers le centre et selon la profondeur étaient extrêmement rapide. c'était la dimension forte voir destructrice
. Ensuite aujourd'hui nous nommerions ça par couche (c'est incohérent, mais je suis pas responsable), nous trouvons des zones de vitesses qui diminues, jusqu'à l'arrêt à la limite du fluide. chacune des ces couches représente une dimension différentes aux lois différentes. (En fait ce ne sont que des histoires d'équilibres entre lois mais sans pratique et langage adapté c'est difficile à expliquer).
Cordialement

Dernière modification par temps (07-03-2015 10:15:49)

enicar · 08-03-2015 10:27:32

Bonjour,

D'abord, merci de m'avoir fait connaître ce logiciel, ça a l'air marrant

Ensuite, le lien qui devrait pointer sur cette page est moisi. Il y a :
http://debian-facile.org/https:debian-f … p?id=10685

Au lieu de :
http://debian-facile.org/viewtopic.php?id=10685

temps · 08-03-2015 18:13:26

Bonjour,
Merci pour le lien, j'avais ajouté un : avant l'adresse, j'ai corrigé.
Je vais certainement avancer un peu sur le wiki.
1) indiquer ce qui marche
2) Corrigé
3) indiquer ce qui me reste encore à construire, à mon rythme seul je pense en avoir encore pour plusieurs années. Mais l'outil est déjà utilisable en l'état car il contient déjà un nombre astronomique de sons, dont toutes les formes de voix humaines.

Cordialement

Dernière modification par temps (10-03-2015 18:32:53)

temps · 10-03-2015 22:17:02

Bonjour,
J'ai ajouté 5 branches aux marteaux de la base principale, je vais les mettre dans le git.

j'ai mis des exemples pour créer les sons de guitare sèche dans wikimedia, voici les liens,
j'en ai mis juste pour l'exemple car comme l'application reproduit tous les sons de guitare sèche, faire l'inventaire m'aurai pris bien plus que le temps d'un film.

https://commons.wikimedia.org/wiki/File … enBaul.ogg
https://commons.wikimedia.org/wiki/File … enBaul.ogg
https://commons.wikimedia.org/wiki/File … enBaul.ogg
https://commons.wikimedia.org/wiki/File … enBaul.ogg
https://commons.wikimedia.org/wiki/File … enBaul.ogg
https://commons.wikimedia.org/wiki/File … enBaul.ogg
https://commons.wikimedia.org/wiki/File … enBaul.ogg
https://commons.wikimedia.org/wiki/File … enBaul.ogg
https://commons.wikimedia.org/wiki/File … enBaul.ogg
https://commons.wikimedia.org/wiki/File … enBaul.ogg
https://commons.wikimedia.org/wiki/File … enBaul.ogg
https://commons.wikimedia.org/wiki/File … enBaul.ogg
https://commons.wikimedia.org/wiki/File … enBaul.ogg
https://commons.wikimedia.org/wiki/File … enBaul.ogg

J'ai fini les 12 structures de base, je vais commencer à créer celles à durée constante, puis celles à amplitude constante.
Mais avant je vais réfléchir sur comment optimiser les structures. Avant les lignes lues se trouvaient impérativement dans la structure définie par le deuxième octet. j'ai paramétré que quand le 15 ème octet est > 250, alors le 16 ème octet sert à définir une structure différente pour les amplitudes. Ainsi toutes les structures auront des inter-action possibles. ça compile, mais il faut que je vérifie que les lignes d'amplitudes soient bien celles sélectionnées(vérif code).
Dans le cadre d'optimisation du code, j'ai attaché toutes les structures, je suis entrain de les lier, ainsi quand j'attaquerai les amplitudes constantes et les durées constantes, je pourrai profiter aussi de toutes les autres structures (beaucoup de doublon en perspective, mais pouvoir créer le même son avec plusieurs formes de 16 octets peut trouver une utilité en créant sa musique en C

Je profite actuellement de la mise en place des structures à amplitudes constantes pour introdure l'action suite de structure.
pour ceux qui ont commencer à utiliser l'application, ils ont pu se rendre compte que j’utilisais des méta lois aussi (très très faibles variations qui n'apparaissent que sur un grands nombre de fronts). le fait de pouvoir enchainé plusieurs structures est justement à destination de ces méta-lois.

Cordialement

Dernière modification par temps (15-03-2015 11:58:17)

temps · 18-03-2015 22:18:52

Bonjour,
J'ai commencé à remplir la structure à durées constantes et la structure à amplitude constante.
La structure à durée constante met en évidence qu'il est impossible de parler fréquence pour décrire des phénomènes ondulatoires.
Je placerai des exemples dans ce post et je remplirai bientôt le wiki pour indiquer comment les utiliser

j'ai poussé le code dans le git et j'ai remplit plus d'une vingtaine de lignes de la structure à durée constante

Cordialement

P.S
Le fait que la notion de fréquence est inadaptée aux lois physiques, ouvre la porte à de nouvelles technologies de communication (hard et soft) dont la carte audio que j'ai créé pour éviter le fichier convertisseur.cpp du code

Voici un exemple à durée constante (58/44100 s)

https://commons.wikimedia.org/wiki/File … _28_30.ogg

https://commons.wikimedia.org/wiki/File … enBaul.png

et voici les valeurs pour SequenBaul

68 0 19 1 19 2 1 1 1 1 1 1 1 28 30

68 3 19 4 19 5 1 1 1 1 1 1 1 28 30

68 6 19 7 19 8 1 1 1 1 1 1 1 28 30

68 9 19 10 19 11 1 1 1 1 1 1 1 28 30

68 12 19 13 19 14 1 1 1 1 1 1 1 28 30

68 15 19 16 19 17 1 1 1 1 1 1 1 28 30

68 18 19 19 19 20 1 1 1 1 1 1 1 28 30

68 21 19 22 19 23 1 1 1 1 1 1 1 28 30

68 24 19 25 19 26 1 1 1 1 1 1 1 28 30

68 27 19 28 19 29 1 1 1 1 1 1 1 28 30

68 30 19 31 19 32 1 1 1 1 1 1 1 28 30

68 33 19 34 19 35 1 1 1 1 1 1 1 28 30

68 36 19 37 19 38 1 1 1 1 1 1 1 28 30

68 39 19 40 19 41 1 1 1 1 1 1 1 28 30

68 42 19 43 19 44 1 1 1 1 1 1 1 28 30

68 45 19 46 19 47 1 1 1 1 1 1 1 28 30

68 48 19 49 19 50 1 1 1 1 1 1 1 28 30

68 51 19 52 19 53 1 1 1 1 1 1 1 28 30

68 54 19 55 19 56 1 1 1 1 1 1 1 28 30

68 57 19 58 19 59 1 1 1 1 1 1 1 28 30

68 60 19 61 19 62 1 1 1 1 1 1 1 28 30

68 63 19 64 19 65 1 1 1 1 1 1 1 28 30

68 66 19 67 19 68 1 1 1 1 1 1 1 28 30

68 69 19 70 19 71 1 1 1 1 1 1 1 28 30

68 72 19 73 19 74 1 1 1 1 1 1 1 28 30

68 75 19 76 19 77 1 1 1 1 1 1 1 28 30

68 78 19 79 19 80 1 1 1 1 1 1 1 28 30

68 81 19 82 19 83 1 1 1 1 1 1 1 28 30

68 84 19 85 19 86 1 1 1 1 1 1 1 28 30

68 87 19 88 19 89 1 1 1 1 1 1 1 28 30

68 90 19 91 19 92 1 1 1 1 1 1 1 28 30

68 93 19 94 19 95 1 1 1 1 1 1 1 28 30

68 96 19 97 19 98 1 1 1 1 1 1 1 28 30

68 99 19 100 19 101 1 1 1 1 1 1 1 28 30

68 102 19 103 19 104 1 1 1 1 1 1 1 28 30

68 105 19 106 19 107 1 1 1 1 1 1 1 28 30

68 108 19 109 19 110 1 1 1 1 1 1 1 28 30

68 111 19 112 19 113 1 1 1 1 1 1 1 28 30

68 114 19 115 19 116 1 1 1 1 1 1 1 28 30

68 117 19 118 19 119 1 1 1 1 1 1 1 28 30

68 120 19 121 19 122 1 1 1 1 1 1 1 28 30

68 123 19 124 19 125 1 1 1 1 1 1 1 28 30

68 126 19 127 19 128 1 1 1 1 1 1 1 28 30

68 129 19 130 19 131 1 1 1 1 1 1 1 28 30

68 132 19 133 19 134 1 1 1 1 1 1 1 28 30

68 135 19 136 19 137 1 1 1 1 1 1 1 28 30

68 138 19 139 19 140 1 1 1 1 1 1 1 28 30

68 141 19 142 19 143 1 1 1 1 1 1 1 28 30

68 144 19 145 19 146 1 1 1 1 1 1 1 28 30

68 147 19 148 19 149 1 1 1 1 1 1 1 28 30

68 150 19 151 19 152 1 1 1 1 1 1 1 28 30

68 153 19 154 19 155 1 1 1 1 1 1 1 28 30

68 156 19 157 19 158 1 1 1 1 1 1 1 28 30

68 159 19 160 19 161 1 1 1 1 1 1 1 28 30

68 162 19 163 19 164 1 1 1 1 1 1 1 28 30

68 165 19 166 19 167 1 1 1 1 1 1 1 28 30

68 168 19 169 19 170 1 1 1 1 1 1 1 28 30

68 171 19 172 19 173 1 1 1 1 1 1 1 28 30

68 174 19 175 19 176 1 1 1 1 1 1 1 28 30

68 177 19 178 19 179 1 1 1 1 1 1 1 28 30

68 180 19 181 19 182 1 1 1 1 1 1 1 28 30

68 183 19 184 19 185 1 1 1 1 1 1 1 28 30

68 186 19 187 19 188 1 1 1 1 1 1 1 28 30

68 189 19 190 19 191 1 1 1 1 1 1 1 28 30

68 192 19 193 19 194 1 1 1 1 1 1 1 28 30

68 195 19 196 19 197 1 1 1 1 1 1 1 28 30

68 198 19 199 19 200 1 1 1 1 1 1 1 28 30

68 201 19 202 19 203 1 1 1 1 1 1 1 28 30

68 204 19 205 19 206 1 1 1 1 1 1 1 28 30

68 207 19 208 19 209 1 1 1 1 1 1 1 28 30

68 210 19 211 19 212 1 1 1 1 1 1 1 28 30

68 213 19 214 19 215 1 1 1 1 1 1 1 28 30

68 216 19 217 19 218 1 1 1 1 1 1 1 28 30

68 219 19 220 19 221 1 1 1 1 1 1 1 28 30

68 222 19 223 19 224 1 1 1 1 1 1 1 28 30

68 225 19 226 19 227 1 1 1 1 1 1 1 28 30

68 228 19 229 19 230 1 1 1 1 1 1 1 28 30

68 231 19 232 19 233 1 1 1 1 1 1 1 28 30

68 234 19 235 19 236 1 1 1 1 1 1 1 28 30

68 237 19 238 19 239 1 1 1 1 1 1 1 28 30

68 240 19 241 19 242 1 1 1 1 1 1 1 28 30

68 243 19 244 19 245 1 1 1 1 1 1 1 28 30

Dernière modification par temps (22-03-2015 20:35:35)

temps · 25-03-2015 21:41:55

Bonjour,

Je viens d'intégrer la Baul de SequenBaul dans PianoBaul http://www.letime.net/vocale/PianoBaul.tar.gz
Je dois encore intégrer la structure des touches clavier dans toutes les nouvelles formes ajoutées.
De manière à ne pas copier plusieurs fois la même chose, et puisque la BAUL est commun aux deux applications,
je vais placer le wiki de PianoBaul dans le wiki de SequenBaul.
La seule différence, c'est que le wiki de PianoBaul sera principalement composé de liens qui indiquent les valeurs à entrer pour les différents sons.
Car PianoBaul sous sa forme actuel est surtout destiné aux entreprises du libre qui travaillent pour des musiciens, son utilisation est soit empirique en recopiant 16 valeurs indiquées, soit d'une manière intelligente mais cela demande une étude du wiki et une ouverture aux découvertes des lois physiques qui contredisent beaucoup de croyances et ceci pour maîtriser l'outil .
La dernière structure que j'ai ajouté contient la fonction retard, pour faire simple nous pourrions dire qu'elle introduit des formes en forme de "S"

Pour comprendre la dernière structure :
Fonction standart un seul facteur, forme de f

1-EXP(-temps/jo)

Fonction retard forme de S

(1-EXP(-temps/jo))-(1-EXP(-temps/jo))*EXP(-temps/inertie)

Les intégrations des formes peuvent être série ou parallèle

Je placerai au passage dans le wiki, différentes formes à durée constante (à même fréquences pour ceux ui utilisent ce terme) capture d'écran et son.
Ainsi je pourrait montrer comment avec la même durée et selon la forme utilisée nous obtenons des sons graves, aigu, profond, léger ...

Cordialement

Dernière modification par temps (26-03-2015 13:37:41)

temps · 29-03-2015 08:53:59

Bonjour,

Demande à un modérateur que le wiki SequenBaul se trouvant actuellement dans chantier, soit placé dans wiki.

Cordialement

smolski · 29-03-2015 09:54:16

Ok, on va voir dans quel section par contre...

temps · 01-04-2015 20:43:02

Bonjour,
Pourquoi ne pas le placer dans lecteur audio ?
Si le format se répand, ce sera sa principale utilisation.
Si j'avais un soupçon d'attirance pour l'imitation, je peux modéliser n’importe quelle musique.
Cerise sur le gâteau, je peux même faire ressortir des sons masqués et mettre l'accent sur telle origine ou telle origine, obtenir mieux que la source au format actuel.
Cordialement

milou · 02-04-2015 18:18:44

Légère mise en conformité de l'en-tête

temps · 04-04-2015 20:41:03

Bonjour,

Je suis allé voir dans le wiki, le terme :
Générateur de fichiers audio
va bien, je pense. Il manque le lien.

J'ai déplacé l'introduction de la dernière partie sur les effets des formes à durée constante par autocensure.
L'explication est que pour pouvoir visualiser la technique d'équilibres des fronts,
il faut en premier déconditionner.
Pour déconditionner, il faut arriver avec une base logique forte , dénoncer les failles des bases logiques incohérentes, et ensuite afficher le maximum d'exemples visuels et auditifs qui valident.
Je pense qu'un wiki d'entraide et de partage, n'est peut-être pas un lieu pour déconditionner, c'est pourquoi je vais créer une page html sur mon site sous forme de cours en science physique acoustique, qui aura en introduction la partie déconditionnement.

C'est en construction ici http://www.letime.net/cours
sous licence GNU afin que si quelqu'un veut créer sa propre page améliorée, il le puisse. Je ne demande qu'une chose, c'est de ne pas utiliser de coefficient correcteurs, car ils trompent la raison, regardez les égyptien ont réussit à modéliser les mouvements des planètes avec pour principe une terre plate en utilisant des coef corecteurs. L'utilisation de cette technique montre un signe d'incohérence grave.

Cordialement

Dernière modification par temps (05-04-2015 03:26:34)

temps · 12-04-2015 01:38:04

Bonjour,
Je viens d'ajouter l'octet 8 à 18 dans octet 2 à 1 et octet 1 à 74.
Cette forme sert à démontrer que ce sont les forces qui font que les sons sont aigu ou grave.
En exemple
https://commons.wikimedia.org/wiki/File … 3_2_44.ogg
en augmentant la force
https://commons.wikimedia.org/wiki/File … 6_2_44.ogg
Cordialement

P.S.
Le wiki est toujours dans chantier serait-il possible de le sortir de l'attelier pour le placer ?

Dernière modification par temps (12-04-2015 01:38:23)

paskal · 12-04-2015 09:40:00

temps a écrit :

Le wiki est toujours dans chantier serait-il possible de le sortir de l'attelier pour le placer ?

c'est fait : http://debian-facile.org/doc:media:sequenbaul

et j'ai mis le lien à la rubrique "Générateur de fichiers audio"

temps · 26-04-2015 05:54:12

Bonjour,
Merci.

Je suis entrain de créer une version anglaise du cours avec pour objectif associé de trouver des intervenants pour structurer le code.
Je pense que la problématique est issus qu"il faut en premier créer une base conceptuelle de codage, et ensuite définir comment développer le code sur cette base.
En d'autres mots, la force du code est qu'il n'est pas parfait au sens entendu aujourd'hui, la notion de parfais n’apparaît que sur les effets, alors que la force du code c'est qu'il ne cherche qu"à utiliser les causes. Ce n'est qu'un sentiment qui se vérifiera que si j'arrive à confronter l'idée en travaillant avec d'autres codeurs.

La page est en construction ici : http://www.letime.net/cours/en

Cordialement

temps · 08-05-2015 07:57:24

Bonjour,

Je suis toujours à la recherche de DEV pour le projet SequenBaul (qui englobe la BAUL).

Je viens de mettre à jour mon site et cela m'a donner l'idée de lancer un nouveau projet toujours autour de la BAUL.
Une fois la mise à jour du graphisme de mon site fini (plusieurs centaines de pages).

J'ai pour projet de :
1- réunir une équipe de concepteur pour améliorer le cours sur les lois physiques http://www.letime.net/cours/
2- A partir de la structure du cours modifié créer une version de PianoBaul en HTML5 couplé à un serveur linux et créer une nouvelle version de SequenBaul dont les class reprendront la structure du cours sur les lois physiques de l'acoustique.

En attendant d'avoir la nouvelle structure des class, je laisse le git en l'état.

Cordialement

temps · 22-05-2015 14:04:56

Bonjour,
J'ai toujours pas eu de réponse pour participer à la refonte pour classer le code par lois en sciences physiques acoustique.

J'ai un peu améliorer le code html de mon site, car j'ai eu le PR divisé par 2, il n'est plus qu'à 3 et j'ai commencé à jeté un premier code html pour l'application PianoBaul, le voici :

<!DOCTYPE html>

<html>

<head>    

<title>PianoBaul en HTML5</title>

<meta charset="UTF-8" />

<script type="text/javascript">

function toucheblanchePress(ou){

  if(ou==1){

  document.getElementById('montre').innerHTML='C';

  var v = document.getElementById("1wav");

  v.play();

  }

  else if(ou==13){

  document.getElementById('montre').innerHTML='C';

  var v = document.getElementById("13wav");

  v.play();

  }

  else if(ou==25){

  document.getElementById('montre').innerHTML='C';

  var v = document.getElementById("25wav");

  v.play();

  }

  else if(ou==3){

  document.getElementById('montre').innerHTML='D';

  var v = document.getElementById("3wav");

  v.play();

  }

  else if(ou==15){

  document.getElementById('montre').innerHTML='D';

  var v = document.getElementById("15wav");

  v.play();

  }

  else if(ou==27){

  document.getElementById('montre').innerHTML='D';

  var v = document.getElementById("27wav");

  v.play();

  }

  else if(ou==5){

  document.getElementById('montre').innerHTML='E';

  var v = document.getElementById("5wav");

  v.play();

  }

  else if(ou==17){

  document.getElementById('montre').innerHTML='E';

  var v = document.getElementById("17wav");

  v.play();

  }

  else if(ou==29){

  document.getElementById('montre').innerHTML='E';

  var v = document.getElementById("29wav");

  v.play();

  }

  else if(ou==6){

  document.getElementById('montre').innerHTML='F';

  var v = document.getElementById("6wav");

  v.play();

  }

  else if(ou==18){

  document.getElementById('montre').innerHTML='F';

  var v = document.getElementById("18wav");

  v.play();

  }

  else if(ou==30){

  document.getElementById('montre').innerHTML='F';

  var v = document.getElementById("30wav");

  v.play();

  }

  else if(ou==8){

  document.getElementById('montre').innerHTML='G';

  var v = document.getElementById("8wav");

  v.play();

  }

  else if(ou==20){

  document.getElementById('montre').innerHTML='G';

  var v = document.getElementById("20wav");

  v.play();

  }

  else if(ou==32){

  document.getElementById('montre').innerHTML='G';

  var v = document.getElementById("32wav");

  v.play();

  }

  else if(ou==10){

  document.getElementById('montre').innerHTML='A';

  var v = document.getElementById("10wav");

  v.play();

  }

  else if(ou==22){

  document.getElementById('montre').innerHTML='A';

  var v = document.getElementById("22wav");

  v.play();

  }

  else if(ou==34){

  document.getElementById('montre').innerHTML='A';

  var v = document.getElementById("34wav");

  v.play();

  }

  else if(ou==12){

  document.getElementById('montre').innerHTML='B';

  var v = document.getElementById("12wav");

  v.play();

  }

  else if(ou==24){

  document.getElementById('montre').innerHTML='B';

  var v = document.getElementById("24wav");

  v.play();

  }

  else if(ou==36){

  document.getElementById('montre').innerHTML='B';

  var v = document.getElementById("36wav");

  v.play();

  }

}

function touchenoirePress(ou){

  if(ou==2){

  document.getElementById('montre').innerHTML='C+';

  var v = document.getElementById("2wav");

  v.play();

  }

  else if(ou==14){

  document.getElementById('montre').innerHTML='C+';

  var v = document.getElementById("14wav");

  v.play();

  }

  else if(ou==26){

  document.getElementById('montre').innerHTML='C+';

  var v = document.getElementById("26wav");

  v.play();

  }

  else if(ou==4){

  document.getElementById('montre').innerHTML='D+';

  var v = document.getElementById("4wav");

  v.play();

  }

  else if(ou==16){

  document.getElementById('montre').innerHTML='D+';

  var v = document.getElementById("16wav");

  v.play();

  }

  else if(ou==28){

  document.getElementById('montre').innerHTML='D+';

  var v = document.getElementById("28wav");

  v.play();

  }

  else if(ou==7){

  document.getElementById('montre').innerHTML='F+';

  var v = document.getElementById("7wav");

  v.play();

  }

  else if(ou==19){

  document.getElementById('montre').innerHTML='F+';

  var v = document.getElementById("19wav");

  v.play();

  }

  else if(ou==31){

  document.getElementById('montre').innerHTML='F+';

  var v = document.getElementById("31wav");

  v.play();

  }

  else if(ou==9){

  document.getElementById('montre').innerHTML='G+';

  var v = document.getElementById("9wav");

  v.play();

  }

  else if(ou==21){

  document.getElementById('montre').innerHTML='G+';

  var v = document.getElementById("21wav");

  v.play();

  }

  else if(ou==33){

  document.getElementById('montre').innerHTML='G+';

  var v = document.getElementById("33wav");

  v.play();

  }

  else if(ou==11){

  document.getElementById('montre').innerHTML='A+';

  var v = document.getElementById("11wav");

  v.play();

  }

  else if(ou==23){

  document.getElementById('montre').innerHTML='A+';

  var v = document.getElementById("23wav");

  v.play();

  }

  else if(ou==35){

  document.getElementById('montre').innerHTML='A+';

  var v = document.getElementById("35wav");

  v.play();

  }

}

function toucheblancheUp(){

  document.getElementById('montre').innerHTML='';

}

function touchenoireUp(){

  document.getElementById('montre').innerHTML='';

}

    </script>       

    <style>

#fondgene{

  background:#975401;

  width:900px;

  height:450px;

  margin:50px auto;

  border-radius:16px;

}

.toucheblanche{

  position:absolute;

  height:300px;

  width:36px;

  margin-top:100px;

  background:white;

  border-right:1px solid #BBB;

  cursor:pointer;

  transition:all 0.1s ease 0ms;

  -o-transition:all 0.1s ease 0ms;

  -ms-transition:all 0.1s ease 0ms;

  -moz-transition:all 0.1s ease 0ms;

  -webkit-transition:all 0.1s ease 0ms;

}

.toucheblanche:active{

  -webkit-transform:perspective(650) rotateX(-10deg);

  transform:perspective(650) rotateX(-10deg);

  margin-top:102px;

}

.touchenoire{

  position:absolute;

  height:180px;

  width:20px;

  margin-top:100px;

  background:black;

  border-right:1px solid #BBB;

  cursor:pointer;

}

.touchenoire:active{

  -webkit-transform:perspective(150) rotateX(-6deg);

  transform:perspective(150) rotateX(-6deg);

  margin-top:102px;

}

#montre{

  position:absolute;

  width:100px;

  height:60px;

  margin:20px 370px;

  background:blue;

  border:5px solid #777;

  color:yellow;

  font-size:55px;

  text-align:right;

  padding:0px 10px;

} 

     body{

background-image: -webkit-linear-gradient(right top, #D60F0E 0%, #FFDD01 100%);

background-image:    -moz-linear-gradient(right top, #D60F0E 0%, #FFDD01 100%);

background-image:     -ms-linear-gradient(right top, #D60F0E 0%, #FFDD01 100%);

background-image:      -o-linear-gradient(right top, #D60F0E 0%, #FFDD01 100%);

background-image:         linear-gradient(right top, #D60F0E 0%, #FFDD01 100%);

}

    }

#menu a { 

  display:block; 

  color: #fff; 

  text-decoration:none;

}

#menu > li,

#menu > li li {

  position: relative;

  display:inline-block;

  width: 110px;

  padding: 6px 15px;

  background-color: #777;

  background-image: linear-gradient(#aaa, #888 50%, #777 50%,#999);

}

#menu > li li { background: transparent none; }

#menu > li li a { color: #444; }

#menu > li li:hover { background:#eee; }

#menu > li:first-child {

  border-right: 1px solid #777;

  border-radius: 8px 0 0 8px;

}

#menu > li + li {

  border-left: 1px solid #aaa;

  border-right: 1px solid #777;

}

#menu > li:last-child {

  border-right:0;

  border-left: 1px solid #aaa;

  border-radius: 0 8px 8px 0 ;

}

#menu > li:hover {

  background-color: #999;

  background-image: linear-gradient(#ccc, #aaa 50%, #999 50%,#bbb);

}

#menu ul {

  position: absolute;

  top: 2em; left:0;

  max-height:0em; 

  margin:0; padding:0;

  background-color:#ddd;

  background-image: linear-gradient(#fff,#ddd);

  overflow:hidden;

  transition: 1s max-height 0.3s;

  border-radius: 0 0 8px 8px;

}

#menu > li:hover ul {

  max-height:13em;

}   

    </style>

 <meta name="viewport" content="width=device-width, initial-scale=1.0">

  </head>

  <body>  <div id="gradients">      <ul id="menu">

  <li>lois

    <ul>

      <li><div id="Marteau"><input type="button" value="Marteau" onclick="javascript:document.getElementById('Marteau').style.backgroundColor='#00aa00';"></div></li>

      <li><div id="Licorne"><input type="button" value="Licorne" onclick="javascript:document.getElementById('Licorne').style.backgroundColor='#00aa00';"></div></li>

    </ul>

  </li><li>tremolo

    <ul>

      <li><div id="Forme1"><input type="button" value="Forme 1" onclick="javascript:document.getElementById('Forme1').style.backgroundColor='#00aa00';"></div></li>

      <li><div id="Forme2"><input type="button" value="Forme 2" onclick="javascript:document.getElementById('Forme2').style.backgroundColor='#00aa00';"></div></li>

      <li><div id="Forme3"><input type="button" value="Forme 3" onclick="javascript:document.getElementById('Forme3').style.backgroundColor='#00aa00';"></div></li>

      <li><div id="Forme4"><input type="button" value="Forme 4" onclick="javascript:document.getElementById('Forme4').style.backgroundColor='#00aa00';"></div></li>

    </ul>

  </li><li>Puissance

    <ul>

      <li><div id="puissance1"><input type="button" value="puissance 1" onclick="javascript:document.getElementById('puissance1').style.backgroundColor='#00aa00';"></div></li>

      <li><div id="puissance2"><input type="button" value="puissance 2" onclick="javascript:document.getElementById('puissance2').style.backgroundColor='#00aa00';"></div></li>

      <li><div id="puissance3"><input type="button" value="puissance 3" onclick="javascript:document.getElementById('puissance3').style.backgroundColor='#00aa00';"></div></li>

    </ul>

  </li>

</ul></div>

<!-- en attente PianoBaul 22 94 10 100 10 0 130 5 5 5 5 5 75 25 25 75  -->

    <div id="fondgene">

      <div id="montre">

<div><audio src="http://www.letime.net/PianoBaul/1.wav" preload></audio></div>

<div><audio src="http://www.letime.net/PianoBaul/2.wav" preload></audio></div>

<div><audio src="http://www.letime.net/PianoBaul/3.wav" preload></audio></div>

<div><audio src="http://www.letime.net/PianoBaul/4.wav" preload></audio></div>

<div><audio src="http://www.letime.net/PianoBaul/5.wav" preload></audio></div>

<div><audio src="http://www.letime.net/PianoBaul/6.wav" preload></audio></div>

<div><audio src="http://www.letime.net/PianoBaul/7.wav" preload></audio></div>

<div><audio src="http://www.letime.net/PianoBaul/8.wav" preload></audio></div>

<div><audio src="http://www.letime.net/PianoBaul/9.wav" preload></audio></div>

<div><audio src="http://www.letime.net/PianoBaul/10.wav" preload></audio></div>

<div><audio src="http://www.letime.net/PianoBaul/11.wav" preload></audio></div>

<div><audio src="http://www.letime.net/PianoBaul/12.wav" preload></audio></div>

<div><audio src="http://www.letime.net/PianoBaul/13.wav" preload></audio></div>

<div><audio src="http://www.letime.net/PianoBaul/14.wav" preload></audio></div>

<div><audio src="http://www.letime.net/PianoBaul/15.wav" preload></audio></div>

<div><audio src="http://www.letime.net/PianoBaul/16.wav" preload></audio></div>

<div><audio src="http://www.letime.net/PianoBaul/17.wav" preload></audio></div>

<div><audio src="http://www.letime.net/PianoBaul/18.wav" preload></audio></div>

<div><audio src="http://www.letime.net/PianoBaul/19.wav" preload></audio></div>

<div><audio src="http://www.letime.net/PianoBaul/20.wav" preload></audio></div>

<div><audio src="http://www.letime.net/PianoBaul/21.wav" preload></audio></div>

<div><audio src="http://www.letime.net/PianoBaul/22.wav" preload></audio></div>

<div><audio src="http://www.letime.net/PianoBaul/23.wav" preload></audio></div>

<div><audio src="http://www.letime.net/PianoBaul/24.wav" preload></audio></div>

<div><audio src="http://www.letime.net/PianoBaul/25.wav" preload></audio></div>

<div><audio src="http://www.letime.net/PianoBaul/26.wav" preload></audio></div>

<div><audio src="http://www.letime.net/PianoBaul/27.wav" preload></audio></div>

<div><audio src="http://www.letime.net/PianoBaul/28.wav" preload></audio></div>

<div><audio src="http://www.letime.net/PianoBaul/29.wav" preload></audio></div>

<div><audio src="http://www.letime.net/PianoBaul/30.wav" preload></audio></div>

<div><audio src="http://www.letime.net/PianoBaul/31.wav" preload></audio></div>

<div><audio src="http://www.letime.net/PianoBaul/32.wav" preload></audio></div>

<div><audio src="http://www.letime.net/PianoBaul/33.wav" preload></audio></div>

<div><audio src="http://www.letime.net/PianoBaul/34.wav" preload></audio></div>

<div><audio src="http://www.letime.net/PianoBaul/35.wav" preload></audio></div>

<div><audio src="http://www.letime.net/PianoBaul/36.wav" preload></audio></div>

</div>

      <!-- DO gamme 1 -->

      <div class="toucheblanche" onMouseDown="toucheblanchePress(1);" onMouseUp="toucheblancheUp();" style="margin-left:40px;"><audio id="1wav" src="http://www.letime.net/PianoBaul/1.wav" preload></audio></div>

      <!-- RE gamme 1 -->

      <div class="toucheblanche"  onMouseDown="toucheblanchePress(3);" onMouseUp="toucheblancheUp();" style="margin-left:80px;"><audio id="3wav" src="http://www.letime.net/PianoBaul/3.wav" preload></audio></div>

      <!-- MI gamme 1 -->

      <div class="toucheblanche"  onMouseDown="toucheblanchePress(5);" onMouseUp="toucheblancheUp();" style="margin-left:120px;"><audio id="5wav" src="http://www.letime.net/PianoBaul/5.wav" preload></audio></div>

      <!-- FA gamme 1 -->

      <div class="toucheblanche"  onMouseDown="toucheblanchePress(6);" onMouseUp="toucheblancheUp();" style="margin-left:160px;"><audio id="6wav" src="http://www.letime.net/PianoBaul/6.wav" preload></audio></div>

      <!-- SOL gamme 1 -->

      <div class="toucheblanche"  onMouseDown="toucheblanchePress(8);" onMouseUp="toucheblancheUp();" style="margin-left:200px;"><audio id="8wav" src="http://www.letime.net/PianoBaul/8.wav" preload></audio></div>

      <!-- LA gamme 1 -->

      <div class="toucheblanche"  onMouseDown="toucheblanchePress(10);" onMouseUp="toucheblancheUp();" style="margin-left:240px;"><audio id="10wav" src="http://www.letime.net/PianoBaul/10.wav" preload></audio></div>

      <!-- SI gamme 1 -->

      <div class="toucheblanche"  onMouseDown="toucheblanchePress(12);" onMouseUp="toucheblancheUp();" style="margin-left:280px;"><audio id="12wav" src="http://www.letime.net/PianoBaul/12.wav" preload></audio></div>

      <!-- DO gamme 2 -->

      <div class="toucheblanche" onMouseDown="toucheblanchePress(13);" onMouseUp="toucheblancheUp();" style="margin-left:320px;"><audio id="13wav" src="http://www.letime.net/PianoBaul/13.wav" preload></audio></div>

      <!-- RE gamme 2 -->

      <div class="toucheblanche" onMouseDown="toucheblanchePress(15);" onMouseUp="toucheblancheUp();" style="margin-left:360px;"><audio id="15wav" src="http://www.letime.net/PianoBaul/15.wav" preload></audio></div>

      <!-- MI gamme 2 -->

      <div class="toucheblanche" onMouseDown="toucheblanchePress(17);" onMouseUp="toucheblancheUp();" style="margin-left:400px;"><audio id="17wav" src="http://www.letime.net/PianoBaul/17.wav" preload></audio></div>

      <!-- FA gamme 2 -->

      <div class="toucheblanche" onMouseDown="toucheblanchePress(18);" onMouseUp="toucheblancheUp();" style="margin-left:440px;"><audio id="18wav" src="http://www.letime.net/PianoBaul/18.wav" preload></audio></div>

      <!-- SOL gamme 2 -->

      <div class="toucheblanche" onMouseDown="toucheblanchePress(20);" onMouseUp="toucheblancheUp();" style="margin-left:480px;"><audio id="20wav" src="http://www.letime.net/PianoBaul/20.wav" preload></audio></div>

      <!-- LA gamme 2 -->

      <div class="toucheblanche" onMouseDown="toucheblanchePress(22);" onMouseUp="toucheblancheUp();" style="margin-left:520px;"><audio id="22wav" src="http://www.letime.net/PianoBaul/22.wav" preload></audio></div>

      <!-- SI gamme 2 -->

      <div class="toucheblanche" onMouseDown="toucheblanchePress(24);" onMouseUp="toucheblancheUp();" style="margin-left:560px;"><audio id="24wav" src="http://www.letime.net/PianoBaul/24.wav" preload></audio></div>

      <!-- DO gamme 3 -->

      <div class="toucheblanche" onMouseDown="toucheblanchePress(25);" onMouseUp="toucheblancheUp();" style="margin-left:600px;"><audio id="25wav" src="http://www.letime.net/PianoBaul/25.wav" preload></audio></div>

      <!-- RE gamme 3 -->

      <div class="toucheblanche" onMouseDown="toucheblanchePress(27);" onMouseUp="toucheblancheUp();" style="margin-left:640px;"><audio id="27wav" src="http://www.letime.net/PianoBaul/27.wav" preload></audio></div>

      <!-- MI gamme 3 -->

      <div class="toucheblanche" onMouseDown="toucheblanchePress(29);" onMouseUp="toucheblancheUp();" style="margin-left:680px;"><audio id="29wav" src="http://www.letime.net/PianoBaul/29.wav" preload></audio></div>

      <!-- FA gamme 3 -->

      <div class="toucheblanche" onMouseDown="toucheblanchePress(30);" onMouseUp="toucheblancheUp();" style="margin-left:720px;"><audio id="30wav" src="http://www.letime.net/PianoBaul/30.wav" preload></audio></div>

      <!-- SOL gamme 3 -->

      <div class="toucheblanche" onMouseDown="toucheblanchePress(32);" onMouseUp="toucheblancheUp();" style="margin-left:760px;"><audio id="32wav" src="http://www.letime.net/PianoBaul/32.wav" preload></audio></div>

      <!-- LA gamme 3 -->

      <div class="toucheblanche" onMouseDown="toucheblanchePress(34);" onMouseUp="toucheblancheUp();" style="margin-left:800px;"><audio id="34wav" src="http://www.letime.net/PianoBaul/34.wav" preload></audio></div>

      <!-- SI gamme 3 -->

      <div class="toucheblanche" onMouseDown="toucheblanchePress(36);" onMouseUp="toucheblancheUp();" style="margin-left:840px;"><audio id="36wav" src="http://www.letime.net/PianoBaul/36.wav" preload></audio></div>  

      <!-- placer les touches noires apres pour etre au dessus des blanches -->

      <!-- DO+ gamme 1 -->

      <div class="touchenoire" onMouseDown="touchenoirePress(2);" onMouseUp="touchenoireUp();" style="margin-left:70px;"><audio id="2wav" src="http://www.letime.net/PianoBaul/2.wav" preload></audio></div>

      <!-- RE+ gamme 1 -->

      <div class="touchenoire" onMouseDown="touchenoirePress(4);" onMouseUp="touchenoireUp();" style="margin-left:110px;"><audio id="4wav" src="http://www.letime.net/PianoBaul/4.wav" preload></audio></div>

      <!-- FA+ gamme 1 -->

      <div class="touchenoire" onMouseDown="touchenoirePress(7);" onMouseUp="touchenoireUp();" style="margin-left:190px;"><audio id="7wav" src="http://www.letime.net/PianoBaul/7.wav" preload></audio></div>

      <!-- SOL+ gamme 1 -->

      <div class="touchenoire" onMouseDown="touchenoirePress(9);" onMouseUp="touchenoireUp();" style="margin-left:230px;"><audio id="9wav" src="http://www.letime.net/PianoBaul/9.wav" preload></audio></div>

      <!-- LA+ gamme 1 -->

      <div class="touchenoire" onMouseDown="touchenoirePress(11);" onMouseUp="touchenoireUp();" style="margin-left:270px;"><audio id="11wav" src="http://www.letime.net/PianoBaul/11.wav" preload></audio></div>

      <!-- DO+ gamme 2 -->

      <div class="touchenoire" onMouseDown="touchenoirePress(14);" onMouseUp="touchenoireUp();" style="margin-left:350px;"><audio id="14wav" src="http://www.letime.net/PianoBaul/14.wav" preload></audio></div>

      <!-- RE+ gamme 2 -->

      <div class="touchenoire" onMouseDown="touchenoirePress(16);" onMouseUp="touchenoireUp();" style="margin-left:390px;"><audio id="16wav" src="http://www.letime.net/PianoBaul/16.wav" preload></audio></div>

      <!-- FA+ gamme 2 -->

      <div class="touchenoire" onMouseDown="touchenoirePress(19);" onMouseUp="touchenoireUp();" style="margin-left:470px;"><audio id="19wav" src="http://www.letime.net/PianoBaul/19.wav" preload></audio></div>

      <!-- SOL+ gamme 2 -->

      <div class="touchenoire" onMouseDown="touchenoirePress(21);" onMouseUp="touchenoireUp();" style="margin-left:510px;"><audio id="21wav" src="http://www.letime.net/PianoBaul/21.wav" preload></audio></div>

      <!-- LA+ gamme 2 -->

      <div class="touchenoire" onMouseDown="touchenoirePress(23);" onMouseUp="touchenoireUp();" style="margin-left:550px;"><audio id="23wav" src="http://www.letime.net/PianoBaul/23.wav" preload></audio></div>

      <!-- DO+ gamme 3 -->

      <div class="touchenoire" onMouseDown="touchenoirePress(26);" onMouseUp="touchenoireUp();" style="margin-left:630px;"><audio id="26wav" src="http://www.letime.net/PianoBaul/26.wav" preload></audio></div>

      <!-- RE+ gamme 3 -->

      <div class="touchenoire" onMouseDown="touchenoirePress(28);" onMouseUp="touchenoireUp();" style="margin-left:670px;"><audio id="28wav" src="http://www.letime.net/PianoBaul/28.wav" preload></audio></div>

      <!-- FA+ gamme 3 -->

      <div class="touchenoire" onMouseDown="touchenoirePress(31);" onMouseUp="touchenoireUp();" style="margin-left:750px;"><audio id="31wav" src="http://www.letime.net/PianoBaul/31.wav" preload></audio></div>

      <!-- SOL+ gamme 3 -->

      <div class="touchenoire" onMouseDown="touchenoirePress(33);" onMouseUp="touchenoireUp();" style="margin-left:790px;"><audio id="33wav" src="http://www.letime.net/PianoBaul/33.wav" preload></audio></div>

      <!-- LA+ gamme 3 -->

      <div class="touchenoire" onMouseDown="touchenoirePress(35);" onMouseUp="touchenoireUp();" style="margin-left:840px;"><audio id="35wav" src="http://www.letime.net/PianoBaul/35.wav" preload></audio></div>

      </div>

  </body>

</html>

Je dois encore coder pour récupérer les valeurs sélectionnées dans le menu.
ensuite faire générer les sons au serveur, ensuite encore lire les sons en plus de l'affichage actuel.

Cordialement

Dernière modification par temps (22-05-2015 22:36:38)

paskal · 22-05-2015 17:48:11

Bonjour,

temps a écrit :

J'ai toujours pas eu de réponse pour participer à la refonte pour classer le code par lois en sciences physiques acoustique.

J'essayerai de donner une réponse après la mi-juin.

temps · 22-05-2015 17:59:28

Merci pour la réponse.

Le classement peut avoir une multitude de formes, la base est de 16 facteurs, mais rien n'impose de les utiliser tous.
La démarche est d'essayer de décrire les choses le plus simplement possible et même peut être, entamer plusieurs approches pour faire une sélection empirique finale.

Si l'asso de DF accepte, je pense que PianoBaul pourrai être installer sur le site DF, autrement j'ai un hébergement chez OVH sur lequel j'ai déjà placé plusieurs applications audio.

J'ai placé le code en provisoire sur cette page, il est à noté que si les sons sont parfait dans PianoBaul qui utilise sox, ici ils sont déformé car il n'y a pas le temps vide de mise en mémoire après le son

http://letime.net/PianoBaul/

Le code qui prépare le multitouche est

<!DOCTYPE html>

<html>

<head>   

<title>PianoBaul en HTML5</title>

<meta charset="UTF-8" />

<script type="text/javascript">

       var mua1 = 0;

       var mua2 = 0;

       var mua3 = 0;

       var mua4 = 0;

       var mua5 = 0;

       var mua6 = 0;

       var mua7 = 0;

       var mua8 = 0;

       var mua9 = 0;

       var mua10 = 0;

       var mua11 = 0;

       var mua12 = 0;

       var mua13 = 0;

       var mua14 = 0;

       var mua15 = 0;

       var mua16 = 0;

       var mua17 = 0;

       var mua18 = 0;

       var mua19 = 0;

       var mua20 = 0;

       var mua21 = 0;

       var mua22 = 0;

       var mua23 = 0;

       var mua24 = 0;

       var mua25 = 0;

       var mua26 = 0;

       var mua27 = 0;

       var mua28 = 0;

       var mua29 = 0;

       var mua30 = 0;

       var mua31 = 0;

       var mua32 = 0;

       var mua33 = 0;

       var mua34 = 0;

       var mua35 = 0;

       var mua36 = 0;

window.addEventListener("keydown", function (event) {

  if (event.defaultPrevented) {

    return; // Should do nothing if the key event was already consumed.

  }

  switch (event.key) {

      case "a":

  mua1 = mua1 + 1;

  if(mua1>3){

        mua1 =0;

    }

  multitouchea(mua1);

    break;

      case "z":

      mua2 = mua2 + 1;

  if(mua2>3){

        mua2 =0;

    }

  multitouchez(mua2);

    break;

      case "e":

      mua3 = mua3 + 1;

  if(mua3>3){

        mua3 =0;

    }

  multitouchee(mua3);

    break;

      case "r":

      mua4 = mua4 + 1;

  if(mua4>3){

        mua3 =0;

    }

  multitoucher(mua4);

    break;

      case "t":

      mua5 = mua5 + 1;

  if(mua5>3){

        mua3 =0;

    }

  multitouchet(mua5);

    break;

      case "y":

      mua6 = mua6 + 1;

  if(mua6>3){

        mua6 =0;

    }

  multitouchet(mua6);

    break;

      case "u":

      mua7 = mua7 + 1;

  if(mua7>3){

        mua7 =0;

    }

  multitoucheu(mua7);

    break;

      case "i":

      mua8 = mua8 + 1;

  if(mua8>3){

        mua8 =0;

    }

  multitouchei(mua8);

    break;

      case "o":

      mua9 = mua9 + 1;

  if(mua9>3){

        mua9 =0;

    }

  multitoucheo(mua9);

    break;

      case "p":

      mua10 = mua10 + 1;

  if(mua10>3){

        mua10 =0;

    }

  multitouchep(mua10);

    break;

      case "q":

      mua11 = mua11 + 1;

  if(mua11>3){

        mua11 =0;

    }

  multitoucheq(mua11);

    break;

      case "s":

      mua12 = mua12 + 1;

  if(mua12>3){

        mua12 =0;

    }

  multitouches(mua12);

    break;

      case "d":

      mua13 = mua13 + 1;

  if(mua13>3){

        mua13 =0;

    }

  multitouched(mua13);

    break;

      case "f":

      mua14 = mua14 + 1;

  if(mua14>3){

        mua14 =0;

    }

  multitouchef(mua14);

    break;

      case "g":

      mua15 = mua15 + 1;

  if(mua15>3){

        mua15 =0;

    }

  multitoucheg(mua15);

    break;

      case "h":

      mua16 = mua16 + 1;

  if(mua16>3){

        mua16 =0;

    }

  multitoucheh(mua16);

    break;

      case "j":

      mua17 = mua17 + 1;

  if(mua17>3){

        mua17 =0;

    }

  multitouchej(mua17);

    break;

      case "k":

      mua18 = mua18 + 1;

  if(mua18>3){

        mua18 =0;

    }

  multitouchek(mua18);

    break;

      case "l":

      mua19 = mua19 + 1;

  if(mua19>3){

        mua19 =0;

    }

  multitouchel(mua19);

    break;

      case "m":

      mua20 = mua20 + 1;

  if(mua20>3){

        mua20 =0;

    }

  multitouchem(mua20);

    break;

      case "w":

      mua21 = mua21 + 1;

  if(mua21>3){

        mua21 =0;

    }

  multitouchew(mua21);

    break;

      case "x":

      mua22 = mua22 + 1;

  if(mua22>3){

        mua22 =0;

    }

  multitouchex(mua22);

    break;

      case "c":

      mua23 = mua23 + 1;

  if(mua23>3){

        mua23 =0;

    }

  multitouchec(mua23);

    break;

      case "v":

      mua24 = mua24 + 1;

  if(mua24>3){

        mua24 =0;

    }

  multitouchev(mua24);

    break;

      case "b":

      mua25 = mua25 + 1;

  if(mua25>3){

        mua25 =0;

    }

  multitoucheb(mua25);

    break;

      case "n":

      mua26 = mua26 + 1;

  if(mua26>3){

        mua26 =0;

    }

  multitouchen(mua26);

    break;

      case "0":

      mua27 = mua27 + 1;

  if(mua27>3){

        mua27 =0;

    }

  multitouche0(mua27);

    break;

      case "1":

      mua28 = mua28 + 1;

  if(mua28>3){

        mua28 =0;

    }

  multitouche1(mua28);

    break;

      case "2":

      mua29 = mua29 + 1;

  if(mua29>3){

        mua29 =0;

    }

  multitouche2(mua29);

    break;

      case "3":

      mua30 = mua30 + 1;

  if(mua30>3){

        mua30 =0;

    }

  multitouche3(mua30);

    break;

      case "4":

      mua31 = mua31 + 1;

  if(mua31>3){

        mua31 =0;

    }

  multitouche4(mua31);

    break;

      case "5":

      mua32 = mua32 + 1;

  if(mua32>3){

        mua32 =0;

    }

  multitouche5(mua32);

    break;

      case "6":

      mua33 = mua33 + 1;

  if(mua33>3){

        mua33 =0;

    }

  multitouche6(mua33);

    break;

      case "7":

      mua34 = mua34 + 1;

  if(mua34>3){

        mua34 =0;

    }

  multitouche7(mua34);

    break;

      case "8":

      mua35 = mua35 + 1;

  if(mua35>3){

        mua35 =0;

    }

  multitouche8(mua35);

    break;

      case "9":

      mua36 = mua36 + 1;

  if(mua36>3){

        mua36 =0;

    }

  multitouche9(mua36);

    break;

    default:

      return; // Quit when this doesn't handle the key event.

  }

  // Consume the event for suppressing "double action".

  event.preventDefault();

}, true);

  function multitouchea(mua1){

  if(mua1==0){

  var multia1 = document.getElementById("1wav");

  multia1.play();

  }

  else if(mua1==1){

  var multia2 = document.getElementById("1awav");

  multia2.play();

  }

  else if(mua1==2){

  var multia3 = document.getElementById("1bwav");

  multia3.play();

  }

  else if(mua1==3){

  var multia4 = document.getElementById("1cwav");

  multia4.play();

  }

  }

  function multitouchez(mua2){

  if(mua2==0){

  var multiz1 = document.getElementById("2wav");

  multiz1.play();

  }

  else if(mua2==1){

  var multiz2 = document.getElementById("2awav");

  multiz2.play();

  }

  else if(mua2==2){

  var multiz3 = document.getElementById("2bwav");

  multiz3.play();

  }

  else if(mua2==3){

  var multiz4 = document.getElementById("2cwav");

  multiz4.play();

  }

  }

  function multitouchee(mua3){

  if(mua3==0){

  var multie1 = document.getElementById("3wav");

  multie1.play();

  }

  else if(mua3==1){

  var multie2 = document.getElementById("3awav");

  multie2.play();

  }

  else if(mua3==2){

  var multie3 = document.getElementById("3bwav");

  multie3.play();

  }

  else if(mua3==3){

  var multie4 = document.getElementById("3cwav");

  multie4.play();

  }

  }

  function multitoucher(mua4){

  if(mua4==0){

  var multir1 = document.getElementById("4wav");

  multir1.play();

  }

  else if(mua4==1){

  var multir2 = document.getElementById("4awav");

  multir2.play();

  }

  else if(mua4==2){

  var multir3 = document.getElementById("4bwav");

  multir3.play();

  }

  else if(mua4==3){

  var multir4 = document.getElementById("4cwav");

  multir4.play();

  }

  }

  function multitouchet(mua5){

  if(mua5==0){

  var multit1 = document.getElementById("5wav");

  multit1.play();

  }

  else if(mua5==1){

  var multit2 = document.getElementById("5awav");

  multit2.play();

  }

  else if(mua5==2){

  var multit3 = document.getElementById("5bwav");

  multit3.play();

  }

  else if(mua5==3){

  var multit4 = document.getElementById("5cwav");

  multit4.play();

  }

  }

  function multitouchey(mua6){

  if(mua6==0){

  var multiy1 = document.getElementById("6wav");

  multiy1.play();

  }

  else if(mua6==1){

  var multiy2 = document.getElementById("6awav");

  multiy2.play();

  }

  else if(mua6==2){

  var multiy3 = document.getElementById("6bwav");

  multiy3.play();

  }

  else if(mua6==3){

  var multiy4 = document.getElementById("6cwav");

  multiy4.play();

  }

  }

   function multitoucheu(mua7){

  if(mua7==0){

  var multiu1 = document.getElementById("7wav");

  multiu1.play();

  }

  else if(mua7==1){

  var multiu2 = document.getElementById("7awav");

  multiu2.play();

  }

  else if(mua7==2){

  var multiu3 = document.getElementById("7bwav");

  multiu3.play();

  }

  else if(mua7==3){

  var multiu4 = document.getElementById("7cwav");

  multiu4.play();

  }

  }

  function multitouchei(mua8){

  if(mua8==0){

  var multii1 = document.getElementById("8wav");

  multii1.play();

  }

  else if(mua8==1){

  var multii2 = document.getElementById("8awav");

  multii2.play();

  }

  else if(mua8==2){

  var multii3 = document.getElementById("8bwav");

  multii3.play();

  }

  else if(mua8==3){

  var multii4 = document.getElementById("8cwav");

  multii4.play();

  }

  }

  function multitoucheo(mua9){

  if(mua9==0){

  var multio1 = document.getElementById("9wav");

  multio1.play();

  }

  else if(mua9==1){

  var multio2 = document.getElementById("9awav");

  multio2.play();

  }

  else if(mua9==2){

  var multio3 = document.getElementById("9bwav");

  multio3.play();

  }

  else if(mua9==3){

  var multio4 = document.getElementById("9cwav");

  multio4.play();

  }

  }

  function multitouchep(mua10){

  if(mua10==0){

  var multip1 = document.getElementById("10wav");

  multip1.play();

  }

  else if(mua10==1){

  var multip2 = document.getElementById("10awav");

  multip2.play();

  }

  else if(mua10==2){

  var multip3 = document.getElementById("10bwav");

  multip3.play();

  }

  else if(mua10==3){

  var multip4 = document.getElementById("10cwav");

  multip4.play();

  }

  }

   function multitoucheq(mua11){

  if(mua11==0){

  var multiq1 = document.getElementById("11wav");

  multiq1.play();

  }

  else if(mua11==1){

  var multiq2 = document.getElementById("11awav");

  multiq2.play();

  }

  else if(mua11==2){

  var multiq3 = document.getElementById("11bwav");

  multiq3.play();

  }

  else if(mua11==3){

  var multiq4 = document.getElementById("11cwav");

  multiq4.play();

  }

  }

  function multitouches(mua12){

  if(mua12==0){

  var multis1 = document.getElementById("12wav");

  multis1.play();

  }

  else if(mua12==1){

  var multis2 = document.getElementById("12awav");

  multis2.play();

  }

  else if(mua12==2){

  var multis3 = document.getElementById("12bwav");

  multis3.play();

  }

  else if(mua12==3){

  var multis4 = document.getElementById("12cwav");

  multis4.play();

  }

  }

  function multitouched(mua13){

  if(mua13==0){

  var multid1 = document.getElementById("13wav");

  multid1.play();

  }

  else if(mua13==1){

  var multid2 = document.getElementById("13awav");

  multid2.play();

  }

  else if(mua13==2){

  var multid3 = document.getElementById("13bwav");

  multid3.play();

  }

  else if(mua13==3){

  var multid4 = document.getElementById("13cwav");

  multid4.play();

  }

  }

  function multitouchef(mua14){

  if(mua14==0){

  var multif1 = document.getElementById("14wav");

  multif1.play();

  }

  else if(mua14==1){

  var multif2 = document.getElementById("14awav");

  multif2.play();

  }

  else if(mua14==2){

  var multif3 = document.getElementById("14bwav");

  multif3.play();

  }

  else if(mua14==3){

  var multif4 = document.getElementById("14cwav");

  multif4.play();

  }

  }

  function multitoucheg(mua15){

  if(mua15==0){

  var multig1 = document.getElementById("15wav");

  multig1.play();

  }

  else if(mua15==1){

  var multig2 = document.getElementById("15awav");

  multig2.play();

  }

  else if(mua15==2){

  var multig3 = document.getElementById("15bwav");

  multig3.play();

  }

  else if(mua15==3){

  var multig4 = document.getElementById("15cwav");

  multig4.play();

  }

  }

  function multitoucheh(mua16){

  if(mua16==0){

  var multih1 = document.getElementById("16wav");

  multih1.play();

  }

  else if(mua16==1){

  var multih2 = document.getElementById("16awav");

  multih2.play();

  }

  else if(mua16==2){

  var multih3 = document.getElementById("16bwav");

  multih3.play();

  }

  else if(mua16==3){

  var multih4 = document.getElementById("16cwav");

  multih4.play();

  }

  }

  function multitouchej(mua17){

  if(mua17==0){

  var multij1 = document.getElementById("17wav");

  multij1.play();

  }

  else if(mua17==1){

  var multij2 = document.getElementById("17awav");

  multij2.play();

  }

  else if(mua17==2){

  var multij3 = document.getElementById("17bwav");

  multij3.play();

  }

  else if(mua17==3){

  var multij4 = document.getElementById("17cwav");

  multij4.play();

  }

  }

  function multitouchek(mua18){

  if(mua18==0){

  var multik1 = document.getElementById("18wav");

  multik1.play();

  }

  else if(mua18==1){

  var multik2 = document.getElementById("18awav");

  multik2.play();

  }

  else if(mua18==2){

  var multik3 = document.getElementById("18bwav");

  multik3.play();

  }

  else if(mua18==3){

  var multik4 = document.getElementById("18cwav");

  multik4.play();

  }

  }

  function multitouchel(mua19){

  if(mua19==0){

  var multil1 = document.getElementById("19wav");

  multil1.play();

  }

  else if(mua19==1){

  var multil2 = document.getElementById("19awav");

  multil2.play();

  }

  else if(mua19==2){

  var multil3 = document.getElementById("19bwav");

  multil3.play();

  }

  else if(mua19==3){

  var multil4 = document.getElementById("19cwav");

  multil4.play();

  }

  }

  function multitouchem(mua20){

  if(mua20==0){

  var multim1 = document.getElementById("20wav");

  multim1.play();

  }

  else if(mua20==1){

  var multim2 = document.getElementById("20awav");

  multim2.play();

  }

  else if(mua20==2){

  var multim3 = document.getElementById("20bwav");

  multim3.play();

  }

  else if(mua20==3){

  var multim4 = document.getElementById("20cwav");

  multim4.play();

  }

  }

  function multitouchew(mua21){

  if(mua21==0){

  var multiw1 = document.getElementById("21wav");

  multiw1.play();

  }

  else if(mua21==1){

  var multiw2 = document.getElementById("21awav");

  multiw2.play();

  }

  else if(mua21==2){

  var multiw3 = document.getElementById("21bwav");

  multiw3.play();

  }

  else if(mua21==3){

  var multiw4 = document.getElementById("21cwav");

  multiw4.play();

  }

  }

  function multitouchex(mua22){

  if(mua22==0){

  var multix1 = document.getElementById("22wav");

  multix1.play();

  }

  else if(mua22==1){

  var multix2 = document.getElementById("22awav");

  multix2.play();

  }

  else if(mua22==2){

  var multix3 = document.getElementById("22bwav");

  multix3.play();

  }

  else if(mua22==3){

  var multix4 = document.getElementById("22cwav");

  multix4.play();

  }

  }

  function multitouchec(mua23){

  if(mua23==0){

  var multic1 = document.getElementById("23wav");

  multic1.play();

  }

  else if(mua23==1){

  var multic2 = document.getElementById("23awav");

  multic2.play();

  }

  else if(mua23==2){

  var multic3 = document.getElementById("23bwav");

  multic3.play();

  }

  else if(mua23==3){

  var multic4 = document.getElementById("23cwav");

  multic4.play();

  }

  }

  function multitouchev(mua24){

  if(mua24==0){

  var multiv1 = document.getElementById("24wav");

  multiv1.play();

  }

  else if(mua24==1){

  var multiv2 = document.getElementById("24awav");

  multiv2.play();

  }

  else if(mua24==2){

  var multiv3 = document.getElementById("24bwav");

  multiv3.play();

  }

  else if(mua24==3){

  var multiv4 = document.getElementById("24cwav");

  multiv4.play();

  }

  }

  function multitoucheb(mua25){

  if(mua25==0){

  var multib1 = document.getElementById("25wav");

  multib1.play();

  }

  else if(mua25==1){

  var multib2 = document.getElementById("25awav");

  multib2.play();

  }

  else if(mua25==2){

  var multib3 = document.getElementById("25bwav");

  multib3.play();

  }

  else if(mua25==3){

  var multib4 = document.getElementById("25cwav");

  multib4.play();

  }

  }

  function multitouchen(mua26){

  if(mua26==0){

  var multin1 = document.getElementById("26wav");

  multin1.play();

  }

  else if(mua26==1){

  var multin2 = document.getElementById("26awav");

  multin2.play();

  }

  else if(mua26==2){

  var multin3 = document.getElementById("26bwav");

  multin3.play();

  }

  else if(mua26==3){

  var multin4 = document.getElementById("26cwav");

  multin4.play();

  }

  }

  function multitouche0(mua27){

  if(mua27==0){

  var multi01 = document.getElementById("27wav");

  multi01.play();

  }

  else if(mua27==1){

  var multi02 = document.getElementById("27awav");

  multi02.play();

  }

  else if(mua27==2){

  var multi03 = document.getElementById("27bwav");

  multi03.play();

  }

  else if(mua27==3){

  var multi04 = document.getElementById("27cwav");

  multi04.play();

  }

  }

  function multitouche1(mua28){

  if(mua28==0){

  var multi11 = document.getElementById("28wav");

  multi11.play();

  }

  else if(mua28==1){

  var multi12 = document.getElementById("28awav");

  multi12.play();

  }

  else if(mua28==2){

  var multi13 = document.getElementById("28bwav");

  multi13.play();

  }

  else if(mua28==3){

  var multi14 = document.getElementById("28cwav");

  multi14.play();

  }

  }

  function multitouche2(mua29){

  if(mua29==0){

  var multi21 = document.getElementById("29wav");

  multi21.play();

  }

  else if(mua29==1){

  var multi22 = document.getElementById("29awav");

  multi22.play();

  }

  else if(mua29==2){

  var multi23 = document.getElementById("29bwav");

  multi23.play();

  }

  else if(mua29==3){

  var multi24 = document.getElementById("29cwav");

  multi24.play();

  }

  }

  function multitouche3(mua30){

  if(mua30==0){

  var multi31 = document.getElementById("30wav");

  multi31.play();

  }

  else if(mua30==1){

  var multi32 = document.getElementById("30awav");

  multi32.play();

  }

  else if(mua30==2){

  var multi33 = document.getElementById("30bwav");

  multi33.play();

  }

  else if(mua30==3){

  var multi34 = document.getElementById("30cwav");

  multi34.play();

  }

  }

  function multitouche4(mua31){

  if(mua31==0){

  var multi41 = document.getElementById("31wav");

  multi41.play();

  }

  else if(mua31==1){

  var multi42 = document.getElementById("31awav");

  multi42.play();

  }

  else if(mua31==2){

  var multi43 = document.getElementById("31bwav");

  multi43.play();

  }

  else if(mua31==3){

  var multi44 = document.getElementById("31cwav");

  multi44.play();

  }

  }

  function multitouche5(mua32){

  if(mua32==0){

  var multi51 = document.getElementById("32wav");

  multi51.play();

  }

  else if(mua32==1){

  var multi52 = document.getElementById("32awav");

  multi52.play();

  }

  else if(mua32==2){

  var multi53 = document.getElementById("32bwav");

  multi53.play();

  }

  else if(mua32==3){

  var multi54 = document.getElementById("32cwav");

  multi54.play();

  }

  }

  function multitouche6(mua33){

  if(mua33==0){

  var multi61 = document.getElementById("33wav");

  multi61.play();

  }

  else if(mua33==1){

  var multi62 = document.getElementById("33awav");

  multi62.play();

  }

  else if(mua33==2){

  var multi63 = document.getElementById("33bwav");

  multi63.play();

  }

  else if(mua33==3){

  var multi64 = document.getElementById("33cwav");

  multi64.play();

  }

  }

  function multitouche7(mua34){

  if(mua34==0){

  var multi71 = document.getElementById("43wav");

  multi71.play();

  }

  else if(mua34==1){

  var multi72 = document.getElementById("43awav");

  multi72.play();

  }

  else if(mua34==2){

  var multi73 = document.getElementById("43bwav");

  multi73.play();

  }

  else if(mua34==3){

  var multi74 = document.getElementById("43cwav");

  multi74.play();

  }

  }

  function multitouche8(mua35){

  if(mua35==0){

  var multi81 = document.getElementById("35wav");

  multi81.play();

  }

  else if(mua35==1){

  var multi82 = document.getElementById("35awav");

  multi82.play();

  }

  else if(mua35==2){

  var multi83 = document.getElementById("35bwav");

  multi83.play();

  }

  else if(mua35==3){

  var multi84 = document.getElementById("35cwav");

  multi84.play();

  }

  }

  function multitouche9(mua36){

  if(mua36==0){

  var multi91 = document.getElementById("36wav");

  multi91.play();

  }

  else if(mua36==1){

  var multi92 = document.getElementById("36awav");

  multi92.play();

  }

  else if(mua36==2){

  var multi93 = document.getElementById("36bwav");

  multi93.play();

  }

  else if(mua36==3){

  var multi94 = document.getElementById("36cwav");

  multi94.play();

  }

  }

function toucheblanche1Press(){

  document.getElementById('montre').innerHTML='C';

  var baa1 = document.getElementById("1wav");

  baa1.play();

  }

function toucheblanche13Press(){

  document.getElementById('montre').innerHTML='C';

  var baa13 = document.getElementById("13wav");

  baa13.play();

  }

function toucheblanche25Press(){

  document.getElementById('montre').innerHTML='C';

  var baa25 = document.getElementById("25wav");

  baa25.play();

  }

function toucheblanche3Press(){

  document.getElementById('montre').innerHTML='D';

  var baa3 = document.getElementById("3wav");

  baa3.play();

  }  

function toucheblanche15Press(){

  document.getElementById('montre').innerHTML='D';

  var baa15 = document.getElementById("15wav");

  baa15.play();

  }  

function toucheblanche27Press(){

  document.getElementById('montre').innerHTML='D';

  var baa27 = document.getElementById("27wav");

  baa27.play();

  }

function toucheblanche5Press(){

  document.getElementById('montre').innerHTML='E';

  var baa5 = document.getElementById("5wav");

  baa5.play();

  }

function toucheblanche17Press(){

  document.getElementById('montre').innerHTML='E';

  var baa17 = document.getElementById("17wav");

  baa17.play();

  }

function toucheblanche29Press(){

  document.getElementById('montre').innerHTML='E';

  var baa29 = document.getElementById("29wav");

  baa29.play();

  }

function toucheblanche6Press(){

  document.getElementById('montre').innerHTML='F';

  var baa6 = document.getElementById("6wav");

  baa6.play();

  }

function toucheblanche18Press(){

  document.getElementById('montre').innerHTML='F';

  var baa18 = document.getElementById("18wav");

  baa18.play();

  }  

function toucheblanche30Press(){

  document.getElementById('montre').innerHTML='F';

  var baa30 = document.getElementById("30wav");

  baa30.play();

  }

function toucheblanche8Press(){

  document.getElementById('montre').innerHTML='G';

  var baa8 = document.getElementById("8wav");

  baa8.play();

  }

function toucheblanche20Press(){

  document.getElementById('montre').innerHTML='G';

  var baa20 = document.getElementById("20wav");

  baa20.play();

  }

function toucheblanche32Press(){

  document.getElementById('montre').innerHTML='G';

  var baa32 = document.getElementById("32wav");

  baa32.play();

  }

function toucheblanche10Press(){

  document.getElementById('montre').innerHTML='A';

  var baa10 = document.getElementById("10wav");

  baa10.play();

  }

function toucheblanche22Press(){

  document.getElementById('montre').innerHTML='A';

  var baa22 = document.getElementById("22wav");

  baa22.play();

  }

function toucheblanche34Press(){

  document.getElementById('montre').innerHTML='A';

  var baa34 = document.getElementById("34wav");

  baa34.play();

  }

function toucheblanche12Press(){

  document.getElementById('montre').innerHTML='B';

  var baa12 = document.getElementById("12wav");

  baa12.play();

  }

function toucheblanche24Press(){

  document.getElementById('montre').innerHTML='B';

  var baa24 = document.getElementById("24wav");

  baa24.play();

  }

function toucheblanche36Press(){

  document.getElementById('montre').innerHTML='B';

  var baa36 = document.getElementById("36wav");

  baa36.play();

  }    

function touchenoire2Press(){

  document.getElementById('montre').innerHTML='C+';

  var baa2 = document.getElementById("2wav");

  baa2.play();

  }

function touchenoire14Press(){

  document.getElementById('montre').innerHTML='C+';

  var baa14 = document.getElementById("14wav");

  baa14.play();

  }

function touchenoire26Press(){

  document.getElementById('montre').innerHTML='C+';

  var baa26 = document.getElementById("26wav");

  baa26.play();

  }

function touchenoire4Press(){

  document.getElementById('montre').innerHTML='D+';

  var baa4 = document.getElementById("4wav");

  baa4.play();

  }

function touchenoire16Press(){

  document.getElementById('montre').innerHTML='D+';

  var baa16 = document.getElementById("16wav");

  baa16.play();

  }

function touchenoire28Press(){

  document.getElementById('montre').innerHTML='D+';

  var baa28 = document.getElementById("28wav");

  baa28.play();

  }

function touchenoire7Press(){

  document.getElementById('montre').innerHTML='F+';

  var baa7 = document.getElementById("7wav");

  baa7.play();

  }

function touchenoire19Press(){

  document.getElementById('montre').innerHTML='F+';

  var baa19 = document.getElementById("19wav");

  baa19.play();

  }

function touchenoire31Press(){

  document.getElementById('montre').innerHTML='F+';

  var baa31 = document.getElementById("31wav");

  baa31.play();

  }

function touchenoire9Press(){

  document.getElementById('montre').innerHTML='G+';

  var baa9 = document.getElementById("9wav");

  baa9.play();

  }

function touchenoire21Press(){

  document.getElementById('montre').innerHTML='G+';

  var baa21 = document.getElementById("21wav");

  baa21.play();

  }

function touchenoire33Press(){

  document.getElementById('montre').innerHTML='G+';

  var baa33 = document.getElementById("33wav");

  baa33.play();

  }

function touchenoire11Press(){

  document.getElementById('montre').innerHTML='A+';

  var baa11 = document.getElementById("11wav");

  baa11.play();

  }

function touchenoire23Press(){

  document.getElementById('montre').innerHTML='A+';

  var baa23 = document.getElementById("23wav");

  baa23.play();

  }

function touchenoire35Press(){

  document.getElementById('montre').innerHTML='A+';

  var baa35 = document.getElementById("35wav");

  baa35.play();

  }          

function toucheblancheUp(){

  document.getElementById('montre').innerHTML='';

}

function touchenoireUp(){

  document.getElementById('montre').innerHTML='';

}

    </script>      

    <style>

#fondgene{

  background:#975401;

  width:900px;

  height:450px;

  margin:50px auto;

  border-radius:16px;

}

.toucheblanche{

  position:absolute;

  height:300px;

  width:36px;

  margin-top:100px;

  background:white;

  border-right:1px solid #BBB;

  cursor:pointer;

  transition:all 0.1s ease 0ms;

  -o-transition:all 0.1s ease 0ms;

  -ms-transition:all 0.1s ease 0ms;

  -moz-transition:all 0.1s ease 0ms;

  -webkit-transition:all 0.1s ease 0ms;

}

.toucheblanche:active{

  -webkit-transform:perspective(650) rotateX(-10deg);

  transform:perspective(650) rotateX(-10deg);

  margin-top:102px;

}

.touchenoire{

  position:absolute;

  height:180px;

  width:20px;

  margin-top:100px;

  background:black;

  border-right:1px solid #BBB;

  cursor:pointer;

}

.touchenoire:active{

  -webkit-transform:perspective(150) rotateX(-6deg);

  transform:perspective(150) rotateX(-6deg);

  margin-top:102px;

}

#montre{

  position:absolute;

  width:100px;

  height:60px;

  margin:20px 370px;

  background:blue;

  border:5px solid #777;

  color:yellow;

  font-size:55px;

  text-align:right;

  padding:0px 10px;

}

     body{

background-image: -webkit-linear-gradient(right top, #D60F0E 0%, #FFDD01 100%);

background-image:    -moz-linear-gradient(right top, #D60F0E 0%, #FFDD01 100%);

background-image:     -ms-linear-gradient(right top, #D60F0E 0%, #FFDD01 100%);

background-image:      -o-linear-gradient(right top, #D60F0E 0%, #FFDD01 100%);

background-image:         linear-gradient(right top, #D60F0E 0%, #FFDD01 100%);

}

.menu a {

  display:block;

  color: #fff;

  text-decoration:none;

}

.menu > li,

.menu > li li {

  position: relative;

  display:inline-block;

  padding: 6px 15px;

  background-color: #777;

  background-image: linear-gradient(#aaa, #888 50%, #777 50%,#999);

}

.menu > li li { background: transparent none; }

.menu > li li a { color: #444; }

.menu > li li:hover { background:#eee; }

.menu > li:first-child {

  border-right: 1px solid #777;

  border-radius: 8px 0 0 8px;

}

.menu > li + li {

  border-left: 1px solid #aaa;

  border-right: 1px solid #777;

}

.menu > li:last-child {

  border-right:0;

  border-left: 1px solid #aaa;

  border-radius: 0 8px 8px 0 ;

}

.menu > li:hover {

  background-color: #999;

  background-image: linear-gradient(#ccc, #aaa 50%, #999 50%,#bbb);

}

.menu ul {

  position: absolute;

  top: 2em; left:0;

  max-height:0em;

  margin:0; padding:0;

  background-color:#ddd;

  background-image: linear-gradient(#fff,#ddd);

  overflow:hidden;

  transition: 1s max-height 0.3s;

  border-radius: 0 0 8px 8px;

}

.menu > li:hover ul {

  max-height:13em;

}  

    </style>

 <meta name="viewport" content="width=device-width, initial-scale=1.0">

  </head>

  <body> 

 <div id="gradients">      

<ul class="menu">

  <li>Marteau

    <ul>

      <li><input type="number" name="Marteau" min="0" max="255"></li>

    </ul>

  </li><li>Licorne

    <ul>

      <li><input type="number" name="Licorne" min="0" max="255"></li>

    </ul>

  </li><li>Mariage

    <ul>

      <li><input type="number" name="Mariage" min="0" max="255"></li>

    </ul>

  </li><li>Vinaigrette

    <ul>

      <li><input type="number" name="Vinaigrette" min="0" max="255"></li>

    </ul>

  </li><li>Puissance

    <ul>

      <li><input type="number" name="Puissance" min="0" max="255"></li>

    </ul>

  </li><li>Tremolo

    <ul>

      <li><input type="number" name="Tremolo" min="0" max="255"></li>

    </ul>

  </li><li>octet7

    <ul>

      <li><input type="number" name="octet7" min="0" max="255"></li>

    </ul>

  </li><li>octet8

    <ul>

      <li><input type="number" name="octet8" min="0" max="255"></li>

    </ul>

  </li>

</ul></div>

<!-- en attente PianoBaul 22 94 10 100 10 0 130 5 5 5 5 5 75 25 25 75  -->

    <div id="fondgene">

      <div id="montre">

<div><audio id="1awav" src="http://www.letime.net/PianoBaul/1a.wav" preload></audio></div>

<div><audio id="1bwav" src="http://www.letime.net/PianoBaul/1b.wav" preload></audio></div>

<div><audio id="1cwav" src="http://www.letime.net/PianoBaul/1c.wav" preload></audio></div>

<div><audio id="2awav" src="http://www.letime.net/PianoBaul/2a.wav" preload></audio></div>

<div><audio id="2bwav" src="http://www.letime.net/PianoBaul/2b.wav" preload></audio></div>

<div><audio id="2cwav" src="http://www.letime.net/PianoBaul/2c.wav" preload></audio></div>

<div><audio id="3awav" src="http://www.letime.net/PianoBaul/3a.wav" preload></audio></div>

<div><audio id="3bwav" src="http://www.letime.net/PianoBaul/3b.wav" preload></audio></div>

<div><audio id="3cwav" src="http://www.letime.net/PianoBaul/3c.wav" preload></audio></div>

<div><audio id="4awav" src="http://www.letime.net/PianoBaul/4a.wav" preload></audio></div>

<div><audio id="4bwav" src="http://www.letime.net/PianoBaul/4b.wav" preload></audio></div>

<div><audio id="4cwav" src="http://www.letime.net/PianoBaul/4c.wav" preload></audio></div>

<div><audio id="5awav" src="http://www.letime.net/PianoBaul/5a.wav" preload></audio></div>

<div><audio id="5bwav" src="http://www.letime.net/PianoBaul/5b.wav" preload></audio></div>

<div><audio id="5cwav" src="http://www.letime.net/PianoBaul/5c.wav" preload></audio></div>

<div><audio id="6awav" src="http://www.letime.net/PianoBaul/6a.wav" preload></audio></div>

<div><audio id="6bwav" src="http://www.letime.net/PianoBaul/6b.wav" preload></audio></div>

<div><audio id="6cwav" src="http://www.letime.net/PianoBaul/6c.wav" preload></audio></div>

<div><audio id="7awav" src="http://www.letime.net/PianoBaul/7a.wav" preload></audio></div>

<div><audio id="7bwav" src="http://www.letime.net/PianoBaul/7b.wav" preload></audio></div>

<div><audio id="7cwav" src="http://www.letime.net/PianoBaul/7c.wav" preload></audio></div>

<div><audio id="8awav" src="http://www.letime.net/PianoBaul/8a.wav" preload></audio></div>

<div><audio id="8bwav" src="http://www.letime.net/PianoBaul/8b.wav" preload></audio></div>

<div><audio id="8cwav" src="http://www.letime.net/PianoBaul/8c.wav" preload></audio></div>

<div><audio id="9awav" src="http://www.letime.net/PianoBaul/9a.wav" preload></audio></div>

<div><audio id="9bwav" src="http://www.letime.net/PianoBaul/9b.wav" preload></audio></div>

<div><audio id="9cwav" src="http://www.letime.net/PianoBaul/9c.wav" preload></audio></div>

<div><audio id="10awav" src="http://www.letime.net/PianoBaul/10a.wav" preload></audio></div>

<div><audio id="10bwav" src="http://www.letime.net/PianoBaul/10b.wav" preload></audio></div>

<div><audio id="10cwav" src="http://www.letime.net/PianoBaul/10c.wav" preload></audio></div>

<div><audio id="11awav" src="http://www.letime.net/PianoBaul/11a.wav" preload></audio></div>

<div><audio id="11bwav" src="http://www.letime.net/PianoBaul/11b.wav" preload></audio></div>

<div><audio id="11cwav" src="http://www.letime.net/PianoBaul/11c.wav" preload></audio></div>

<div><audio id="12awav" src="http://www.letime.net/PianoBaul/12a.wav" preload></audio></div>

<div><audio id="12bwav" src="http://www.letime.net/PianoBaul/12b.wav" preload></audio></div>

<div><audio id="12cwav" src="http://www.letime.net/PianoBaul/12c.wav" preload></audio></div>

<div><audio id="13awav" src="http://www.letime.net/PianoBaul/13a.wav" preload></audio></div>

<div><audio id="13bwav" src="http://www.letime.net/PianoBaul/13b.wav" preload></audio></div>

<div><audio id="13cwav" src="http://www.letime.net/PianoBaul/13c.wav" preload></audio></div>

<div><audio id="14awav" src="http://www.letime.net/PianoBaul/14a.wav" preload></audio></div>

<div><audio id="14bwav" src="http://www.letime.net/PianoBaul/14b.wav" preload></audio></div>

<div><audio id="14cwav" src="http://www.letime.net/PianoBaul/14c.wav" preload></audio></div>

<div><audio id="15awav" src="http://www.letime.net/PianoBaul/15a.wav" preload></audio></div>

<div><audio id="15bwav" src="http://www.letime.net/PianoBaul/15b.wav" preload></audio></div>

<div><audio id="15cwav" src="http://www.letime.net/PianoBaul/15c.wav" preload></audio></div>

<div><audio id="16awav" src="http://www.letime.net/PianoBaul/16a.wav" preload></audio></div>

<div><audio id="16bwav" src="http://www.letime.net/PianoBaul/16b.wav" preload></audio></div>

<div><audio id="16cwav" src="http://www.letime.net/PianoBaul/16c.wav" preload></audio></div>

<div><audio id="17awav" src="http://www.letime.net/PianoBaul/17a.wav" preload></audio></div>

<div><audio id="17bwav" src="http://www.letime.net/PianoBaul/17b.wav" preload></audio></div>

<div><audio id="17cwav" src="http://www.letime.net/PianoBaul/17c.wav" preload></audio></div>

<div><audio id="18awav" src="http://www.letime.net/PianoBaul/18a.wav" preload></audio></div>

<div><audio id="18bwav" src="http://www.letime.net/PianoBaul/18b.wav" preload></audio></div>

<div><audio id="18cwav" src="http://www.letime.net/PianoBaul/18c.wav" preload></audio></div>

<div><audio id="19awav" src="http://www.letime.net/PianoBaul/19a.wav" preload></audio></div>

<div><audio id="19bwav" src="http://www.letime.net/PianoBaul/19b.wav" preload></audio></div>

<div><audio id="19cwav" src="http://www.letime.net/PianoBaul/19c.wav" preload></audio></div>

<div><audio id="20awav" src="http://www.letime.net/PianoBaul/20a.wav" preload></audio></div>

<div><audio id="20bwav" src="http://www.letime.net/PianoBaul/20b.wav" preload></audio></div>

<div><audio id="20cwav" src="http://www.letime.net/PianoBaul/20c.wav" preload></audio></div>

<div><audio id="21awav" src="http://www.letime.net/PianoBaul/21a.wav" preload></audio></div>

<div><audio id="21bwav" src="http://www.letime.net/PianoBaul/21b.wav" preload></audio></div>

<div><audio id="21cwav" src="http://www.letime.net/PianoBaul/21c.wav" preload></audio></div>

<div><audio id="22awav" src="http://www.letime.net/PianoBaul/22a.wav" preload></audio></div>

<div><audio id="22bwav" src="http://www.letime.net/PianoBaul/22b.wav" preload></audio></div>

<div><audio id="22cwav" src="http://www.letime.net/PianoBaul/22c.wav" preload></audio></div>

<div><audio id="23awav" src="http://www.letime.net/PianoBaul/23a.wav" preload></audio></div>

<div><audio id="23bwav" src="http://www.letime.net/PianoBaul/23b.wav" preload></audio></div>

<div><audio id="23cwav" src="http://www.letime.net/PianoBaul/23c.wav" preload></audio></div>

<div><audio id="24awav" src="http://www.letime.net/PianoBaul/24a.wav" preload></audio></div>

<div><audio id="24bwav" src="http://www.letime.net/PianoBaul/24b.wav" preload></audio></div>

<div><audio id="24cwav" src="http://www.letime.net/PianoBaul/24c.wav" preload></audio></div>

<div><audio id="25awav" src="http://www.letime.net/PianoBaul/25a.wav" preload></audio></div>

<div><audio id="25bwav" src="http://www.letime.net/PianoBaul/25b.wav" preload></audio></div>

<div><audio id="25cwav" src="http://www.letime.net/PianoBaul/25c.wav" preload></audio></div>

<div><audio id="26awav" src="http://www.letime.net/PianoBaul/26a.wav" preload></audio></div>

<div><audio id="26bwav" src="http://www.letime.net/PianoBaul/26b.wav" preload></audio></div>

<div><audio id="26cwav" src="http://www.letime.net/PianoBaul/26c.wav" preload></audio></div>

<div><audio id="27awav" src="http://www.letime.net/PianoBaul/27a.wav" preload></audio></div>

<div><audio id="27bwav" src="http://www.letime.net/PianoBaul/27b.wav" preload></audio></div>

<div><audio id="27cwav" src="http://www.letime.net/PianoBaul/27c.wav" preload></audio></div>

<div><audio id="28awav" src="http://www.letime.net/PianoBaul/28a.wav" preload></audio></div>

<div><audio id="28bwav" src="http://www.letime.net/PianoBaul/28b.wav" preload></audio></div>

<div><audio id="28cwav" src="http://www.letime.net/PianoBaul/28c.wav" preload></audio></div>

<div><audio id="29awav" src="http://www.letime.net/PianoBaul/29a.wav" preload></audio></div>

<div><audio id="29bwav" src="http://www.letime.net/PianoBaul/29b.wav" preload></audio></div>

<div><audio id="29cwav" src="http://www.letime.net/PianoBaul/29c.wav" preload></audio></div>

<div><audio id="30awav" src="http://www.letime.net/PianoBaul/30a.wav" preload></audio></div>

<div><audio id="30bwav" src="http://www.letime.net/PianoBaul/30b.wav" preload></audio></div>

<div><audio id="30cwav" src="http://www.letime.net/PianoBaul/30c.wav" preload></audio></div>

<div><audio id="31awav" src="http://www.letime.net/PianoBaul/31a.wav" preload></audio></div>

<div><audio id="31bwav" src="http://www.letime.net/PianoBaul/31b.wav" preload></audio></div>

<div><audio id="31cwav" src="http://www.letime.net/PianoBaul/31c.wav" preload></audio></div>

<div><audio id="32awav" src="http://www.letime.net/PianoBaul/32a.wav" preload></audio></div>

<div><audio id="32bwav" src="http://www.letime.net/PianoBaul/32b.wav" preload></audio></div>

<div><audio id="32cwav" src="http://www.letime.net/PianoBaul/32c.wav" preload></audio></div>

<div><audio id="33awav" src="http://www.letime.net/PianoBaul/33a.wav" preload></audio></div>

<div><audio id="33bwav" src="http://www.letime.net/PianoBaul/33b.wav" preload></audio></div>

<div><audio id="33cwav" src="http://www.letime.net/PianoBaul/33c.wav" preload></audio></div>

<div><audio id="34awav" src="http://www.letime.net/PianoBaul/34a.wav" preload></audio></div>

<div><audio id="34bwav" src="http://www.letime.net/PianoBaul/34b.wav" preload></audio></div>

<div><audio id="34cwav" src="http://www.letime.net/PianoBaul/34c.wav" preload></audio></div>

<div><audio id="35awav" src="http://www.letime.net/PianoBaul/35a.wav" preload></audio></div>

<div><audio id="35bwav" src="http://www.letime.net/PianoBaul/35b.wav" preload></audio></div>

<div><audio id="35cwav" src="http://www.letime.net/PianoBaul/35c.wav" preload></audio></div>

<div><audio id="36awav" src="http://www.letime.net/PianoBaul/36a.wav" preload></audio></div>

<div><audio id="36bwav" src="http://www.letime.net/PianoBaul/36b.wav" preload></audio></div>

<div><audio id="36cwav" src="http://www.letime.net/PianoBaul/36c.wav" preload></audio></div>

</div>

      <!-- DO gamme 1 -->

      <div class="toucheblanche" onMouseDown="toucheblanche1Press();" onMouseUp="toucheblancheUp();" style="margin-left:40px;"><audio id="1wav" src="http://www.letime.net/PianoBaul/1.wav" preload></audio></div>

      <!-- RE gamme 1 -->

      <div class="toucheblanche" onMouseDown="toucheblanche3Press();" onMouseUp="toucheblancheUp();" style="margin-left:80px;"><audio id="3wav" src="http://www.letime.net/PianoBaul/3.wav" preload></audio></div>

      <!-- MI gamme 1 -->

      <div class="toucheblanche" onMouseDown="toucheblanche5Press();" onMouseUp="toucheblancheUp();" style="margin-left:120px;"><audio id="5wav" src="http://www.letime.net/PianoBaul/5.wav" preload></audio></div>

      <!-- FA gamme 1 -->

      <div class="toucheblanche" onMouseDown="toucheblanche6Press();" onMouseUp="toucheblancheUp();" style="margin-left:160px;"><audio id="6wav" src="http://www.letime.net/PianoBaul/6.wav" preload></audio></div>

      <!-- SOL gamme 1 -->

      <div class="toucheblanche" onMouseDown="toucheblanche8Press();" onMouseUp="toucheblancheUp();" style="margin-left:200px;"><audio id="8wav" src="http://www.letime.net/PianoBaul/8.wav" preload></audio></div>

      <!-- LA gamme 1 -->

      <div class="toucheblanche" onMouseDown="toucheblanche10Press();" onMouseUp="toucheblancheUp();" style="margin-left:240px;"><audio id="10wav" src="http://www.letime.net/PianoBaul/10.wav" preload></audio></div>

      <!-- SI gamme 1 -->

      <div class="toucheblanche"  onMouseDown="toucheblanche12Press();" onMouseUp="toucheblancheUp();" style="margin-left:280px;"><audio id="12wav" src="http://www.letime.net/PianoBaul/12.wav" preload></audio></div>

      <!-- DO gamme 2 -->

      <div class="toucheblanche" onMouseDown="toucheblanche13Press();" onMouseUp="toucheblancheUp();" style="margin-left:320px;"><audio id="13wav" src="http://www.letime.net/PianoBaul/13.wav" preload></audio></div>

      <!-- RE gamme 2 -->

      <div class="toucheblanche" onMouseDown="toucheblanche15Press();" onMouseUp="toucheblancheUp();" style="margin-left:360px;"><audio id="15wav" src="http://www.letime.net/PianoBaul/15.wav" preload></audio></div>

      <!-- MI gamme 2 -->

      <div class="toucheblanche" onMouseDown="toucheblanche17Press();" onMouseUp="toucheblancheUp();" style="margin-left:400px;"><audio id="17wav" src="http://www.letime.net/PianoBaul/17.wav" preload></audio></div>

      <!-- FA gamme 2 -->

      <div class="toucheblanche" onMouseDown="toucheblanche18Press();" onMouseUp="toucheblancheUp();" style="margin-left:440px;"><audio id="18wav" src="http://www.letime.net/PianoBaul/18.wav" preload></audio></div>

      <!-- SOL gamme 2 -->

      <div class="toucheblanche" onMouseDown="toucheblanche20Press();" onMouseUp="toucheblancheUp();" style="margin-left:480px;"><audio id="20wav" src="http://www.letime.net/PianoBaul/20.wav" preload></audio></div>

      <!-- LA gamme 2 -->

      <div class="toucheblanche" onMouseDown="toucheblanche22Press();" onMouseUp="toucheblancheUp();" style="margin-left:520px;"><audio id="22wav" src="http://www.letime.net/PianoBaul/22.wav" preload></audio></div>

      <!-- SI gamme 2 -->

      <div class="toucheblanche" onMouseDown="toucheblanche24Press();" onMouseUp="toucheblancheUp();" style="margin-left:560px;"><audio id="24wav" src="http://www.letime.net/PianoBaul/24.wav" preload></audio></div>

      <!-- DO gamme 3 -->

      <div class="toucheblanche" onMouseDown="toucheblanche25Press();" onMouseUp="toucheblancheUp();" style="margin-left:600px;"><audio id="25wav" src="http://www.letime.net/PianoBaul/25.wav" preload></audio></div>

      <!-- RE gamme 3 -->

      <div class="toucheblanche" onMouseDown="toucheblanche27Press();" onMouseUp="toucheblancheUp();" style="margin-left:640px;"><audio id="27wav" src="http://www.letime.net/PianoBaul/27.wav" preload></audio></div>

      <!-- MI gamme 3 -->

      <div class="toucheblanche" onMouseDown="toucheblanche29Press();" onMouseUp="toucheblancheUp();" style="margin-left:680px;"><audio id="29wav" src="http://www.letime.net/PianoBaul/29.wav" preload></audio></div>

      <!-- FA gamme 3 -->

      <div class="toucheblanche" onMouseDown="toucheblanche30Press();" onMouseUp="toucheblancheUp();" style="margin-left:720px;"><audio id="30wav" src="http://www.letime.net/PianoBaul/30.wav" preload></audio></div>

      <!-- SOL gamme 3 -->

      <div class="toucheblanche" onMouseDown="toucheblanche32Press();" onMouseUp="toucheblancheUp();" style="margin-left:760px;"><audio id="32wav" src="http://www.letime.net/PianoBaul/32.wav" preload></audio></div>

      <!-- LA gamme 3 -->

      <div class="toucheblanche" onMouseDown="toucheblanche34Press();" onMouseUp="toucheblancheUp();" style="margin-left:800px;"><audio id="34wav" src="http://www.letime.net/PianoBaul/34.wav" preload></audio></div>

      <!-- SI gamme 3 -->

      <div class="toucheblanche" onMouseDown="toucheblanche36Press();" onMouseUp="toucheblancheUp();" style="margin-left:840px;"><audio id="36wav" src="http://www.letime.net/PianoBaul/36.wav" preload></audio></div> 

      <!-- placer les touches noires apres pour etre au dessus des blanches -->

      <!-- DO+ gamme 1 -->

      <div class="touchenoire" onMouseDown="touchenoire2Press();" onMouseUp="touchenoireUp();" style="margin-left:70px;"><audio id="2wav" src="http://www.letime.net/PianoBaul/2.wav" preload></audio></div>

      <!-- RE+ gamme 1 -->

      <div class="touchenoire" onMouseDown="touchenoire4Press();" onMouseUp="touchenoireUp();" style="margin-left:110px;"><audio id="4wav" src="http://www.letime.net/PianoBaul/4.wav" preload></audio></div>

      <!-- FA+ gamme 1 -->

      <div class="touchenoire" onMouseDown="touchenoire7Press();" onMouseUp="touchenoireUp();" style="margin-left:190px;"><audio id="7wav" src="http://www.letime.net/PianoBaul/7.wav" preload></audio></div>

      <!-- SOL+ gamme 1 -->

      <div class="touchenoire" onMouseDown="touchenoire9Press();" onMouseUp="touchenoireUp();" style="margin-left:230px;"><audio id="9wav" src="http://www.letime.net/PianoBaul/9.wav" preload></audio></div>

      <!-- LA+ gamme 1 -->

      <div class="touchenoire" onMouseDown="touchenoire11Press();" onMouseUp="touchenoireUp();" style="margin-left:270px;"><audio id="11wav" src="http://www.letime.net/PianoBaul/11.wav" preload></audio></div>

      <!-- DO+ gamme 2 -->

      <div class="touchenoire" onMouseDown="touchenoire14Press();" onMouseUp="touchenoireUp();" style="margin-left:350px;"><audio id="14wav" src="http://www.letime.net/PianoBaul/14.wav" preload></audio></div>

      <!-- RE+ gamme 2 -->

      <div class="touchenoire" onMouseDown="touchenoire16Press();" onMouseUp="touchenoireUp();" style="margin-left:390px;"><audio id="16wav" src="http://www.letime.net/PianoBaul/16.wav" preload></audio></div>

      <!-- FA+ gamme 2 -->

      <div class="touchenoire" onMouseDown="touchenoire19Press();" onMouseUp="touchenoireUp();" style="margin-left:470px;"><audio id="19wav" src="http://www.letime.net/PianoBaul/19.wav" preload></audio></div>

      <!-- SOL+ gamme 2 -->

      <div class="touchenoire" onMouseDown="touchenoire21Press();" onMouseUp="touchenoireUp();" style="margin-left:510px;"><audio id="21wav" src="http://www.letime.net/PianoBaul/21.wav" preload></audio></div>

      <!-- LA+ gamme 2 -->

      <div class="touchenoire" onMouseDown="touchenoire23Press();" onMouseUp="touchenoireUp();" style="margin-left:550px;"><audio id="23wav" src="http://www.letime.net/PianoBaul/23.wav" preload></audio></div>

      <!-- DO+ gamme 3 -->

      <div class="touchenoire" onMouseDown="touchenoire26Press();" onMouseUp="touchenoireUp();" style="margin-left:630px;"><audio id="26wav" src="http://www.letime.net/PianoBaul/26.wav" preload></audio></div>

      <!-- RE+ gamme 3 -->

      <div class="touchenoire" onMouseDown="touchenoire28Press();" onMouseUp="touchenoireUp();" style="margin-left:670px;"><audio id="28wav" src="http://www.letime.net/PianoBaul/28.wav" preload></audio></div>

      <!-- FA+ gamme 3 -->

      <div class="touchenoire" onMouseDown="touchenoire31Press();" onMouseUp="touchenoireUp();" style="margin-left:750px;"><audio id="31wav" src="http://www.letime.net/PianoBaul/31.wav" preload></audio></div>

      <!-- SOL+ gamme 3 -->

      <div class="touchenoire" onMouseDown="touchenoire33Press();" onMouseUp="touchenoireUp();" style="margin-left:790px;"><audio id="33wav" src="http://www.letime.net/PianoBaul/33.wav" preload></audio></div>

      <!-- LA+ gamme 3 -->

      <div class="touchenoire" onMouseDown="touchenoire35Press();" onMouseUp="touchenoireUp();" style="margin-left:840px;"><audio id="35wav" src="http://www.letime.net/PianoBaul/35.wav" preload></audio></div>

      </div>

 <div>      

<ul class="menu">

  <li>octet9

    <ul>

      <li><input type="number" name="octet9" min="0" max="255"></li>

    </ul>

  </li><li>octet10

    <ul>

      <li><input type="number" name="octet10" min="0" max="255"></li>

    </ul>

  </li><li>octet11

    <ul>

      <li><input type="number" name="octet11" min="0" max="255"></li>

    </ul>

  </li><li>octet12

    <ul>

      <li><input type="number" name="octet12" min="0" max="255"></li>

    </ul>

  </li><li>octet13

    <ul>

      <li><input type="number" name="octet13" min="0" max="255"></li>

    </ul>

  </li><li>octet14

    <ul>

      <li><input type="number" name="octet14" min="0" max="255"></li>

    </ul>

  </li><li>octet15

    <ul>

      <li><input type="number" name="octet15" min="0" max="255"></li>

    </ul>

  </li><li>octet16

    <ul>

      <li><input type="number" name="octet16" min="0" max="255"></li>

    </ul>

  </li>

</ul></div>

  </body>

</html>

Cordialement

Dernière modification par temps (27-05-2015 22:57:24)

temps · 27-05-2015 22:53:53

Bonjour,
La partie graphique de PianoBaul HTML5 est presque finie.
La question qui se pose maintenant est :
Est-ce qu'il faut placer quelques cas particulier de la BAUL dans l'application ou est-ce qu'il faut laisser la BAUL générée les 256 puissance 16 cas de pianos possibles ?
Si c'est la première solution qui est choisit, cela va impliquer un poids énorme en fichier audio.
Si c'est la deuxième solution qui est choisit, cela va impliquer qu'un utilisateur peut involontairement ou volontairement écrouler le serveur en demandant de générer des fichiers audio énormes.
Je pense qu'aucune des 2 solutions est bonne. J'envisage peut-être de brider la BAUL à quelques cas particuliers. En fait se serait bien le serveur qui générerait les sons, mais les imput possibles (les 16 octets) seraient prédéfini. Telle forme de marteau acoustique, ou telle forme de licorne.
Ajouter en téléchargement à cette technique une annexe avec une version de PianoBaul HTML5 non bridé pour les tux

A l'instant la question est : comment sélectionner dans la multitude ?

Cordialement

Dernière modification par temps (27-05-2015 22:59:52)

smolski · 28-05-2015 04:59:01

temps a écrit :

une annexe avec une version de PianoBaul HTML5 non bridé pour les tux

Cela me paraît le meilleur, effectivement.

temps · 28-05-2015 19:28:31

Bonjour,

Afin d'avoir un générateur léger, j'ai repris pour la version HTML5, la version lmfab.
Il m'a suffit de supprimer le clavier et les include Qt, l'application génère instantanément les fichiers audio.

Il ne reste me plus qu'à lier les boutons pour changer les valeurs dans PianoBaul et lancer le générateur de son.
je m'occuperai de la version à télécharger après, mais je sais déjà que ce sera facile à faire (même technique que pour lmfab).

Avant de placer l'application sur le serveur, je me pose toutefois la question.
Est-ce que de mettre une application qui risque d'être très sollicité, ne risque pas de perturber le serveur ?
Est-ce que je ne ferait pas mieux de mettre les sons déjà générés, afin d'éviter les "rm" et une génération à chaque nouvelle demande de piano ?

Si j'avais un serveur dédiée à l'application, j'aurai pas d'hésitation, mais actuellement je n'ai que le serveur de mon site.
Si quelqu'un a un serveur pour l'application, je suis preneur. En attendant, je vais placer des fichiers déjà générés (ceux des lmfab).

Pour adapter un lmfab à pianoBaulhtml5, il suffit de remplacer le main.cpp par celui ci-dessous, et aussi corriger la structure pour ajouter 10 touches

#include "convertisseur.h"

#include "Adnforme.h"

#include "fronts.h"

#include "jo.h"

#ifdef WIN32 

#include <windows.h>

#else

#include <unistd.h>

#endif

/* Imaginer et creer par Abadie joris  g++ main.cpp Adnforme.cpp fronts.cpp convertisseur.cpp -o PianoBaulhtml*/

int main(int argc, char *argv[])

{

  char nomfichierwav[32];

  char nomfichierwavacte[40];

  char lettresclaviers[] = {97,98,99,100,101,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,118,119,120,121,122,123};

  char c;

        for(int i=0; i<26; i++)

         {

    c = lettresclaviers[i];

    for(int n=1; n<6; n++)

     {

  snprintf(nomfichierwav, 32, "%c%d.wav", c, n);

  FILE * fichierwav;

  if (!(fichierwav=fopen(nomfichierwav, "r")))

  // sinon, on le génère

   {

if (n==1)

  {

    genereFichierJo(c);

    conversionJoWav(c,n);

  }

else

  {    

  snprintf(nomfichierwavacte, 40, "sox %c1.wav %c%d.wav", c, c, n);

system(nomfichierwavacte);

  }

   }

  else

   fclose(fichierwav);

}

}

   return 0;

}

Cordialement

Dernière modification par temps (28-05-2015 22:28:42)

temps · 02-06-2015 18:25:16

Bonjour,
J'ai placé 4 pianos de la BAUL "sequenbaul" en HTML5 http://letime.net/PianoBaul/

Les travaux (à classer) qu'il reste à faire sont :
1- Trouver un serveur pour placer plusieurs piano de la BAUL en HTML5
2- Retoucher le code HTML5 pour qu'il soit compatible avec les phones
3- Reprendre le code HTML5 pour le rendre plus efficace (essayer d'éviter la répétition du même fichier audio sous différents noms)
4- Terminer la version complète de PianoBaul HTML5 sous linux et en faire un deb
5- Reprendre les structures de SequenBaul. En détail, nous pouvons utiliser la technique latinisée actuelle (cartésien), un langage unidirectionnel, qui induit des pensée unidirectionnel ,qui induit un logique unidirectionnelle et par là des descriptions par les effets. c'est ce que j'ai fait quand j'ai placé des tableaux. Ou nous pouvons utiliser le langage européen post latinisation qui est multidirectionnel, et ne décrit que les causes, c'est ce que je fais quand j'écris des formes type marteau, licorne, ... Bien que la deuxième technique est beaucoup plus logique et puissante, il reste le problème que peu de gens comprend ce que je dis. Et créer un outil que personne n'arrive à manipuler n'est pas vraiment intéressant.

Je vais essayer de travailler en premier sur le deuxième point, puis en dual peut-être m'attaquer au quatrième point, car j'ai déjà le code dans la tête, il ne me suffit qu'à le coucher sur le clavier. Le principal problème actuel, est que le code appel toujours AdnForme car " genereFichierJo(c);" dans le code sans regard sur ce qu'il appel.

Cordialement

P.S.
La tache 2 est faite une redirection en javascript

if ( (navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/Android/i) ) ) {

   window.location = "http://www.letime.net/PianoBaul/x/";

}

et ensuite un piano de 12 touches pour avoir l'espace minimum imposé sur les boutons

<!DOCTYPE html>

<html>

<head>   

<title>PianoBaul en HTML5 mobile</title>

<meta charset="UTF-8" />

<meta name=viewport content="width=device-width, initial-scale=1">

<link rel="canonical" title="PianoBaul en HTML5" href="http://www.letime.net/PianoBaul/" />

<script type="text/javascript">

       var mua1 = 0;

       var mua2 = 0;

       var mua3 = 0;

       var mua4 = 0;

       var mua5 = 0;

       var mua6 = 0;

       var mua7 = 0;

       var mua8 = 0;

       var mua9 = 0;

       var mua10 = 0;

       var mua11 = 0;

       var mua12 = 0;

window.addEventListener("keydown", function (event) {

  if (event.defaultPrevented) {

    return; // Should do nothing if the key event was already consumed.

  }

  switch (event.key) {

      case "a":

  mua1 = mua1 + 1;

  if(mua1>3){

        mua1 =0;

    }

  multitouchea(mua1);

    break;

      case "z":

      mua2 = mua2 + 1;

  if(mua2>3){

        mua2 =0;

    }

  multitouchez(mua2);

    break;

      case "e":

      mua3 = mua3 + 1;

  if(mua3>3){

        mua3 =0;

    }

  multitouchee(mua3);

    break;

      case "r":

      mua4 = mua4 + 1;

  if(mua4>3){

        mua4 =0;

    }

  multitoucher(mua4);

    break;

      case "t":

      mua5 = mua5 + 1;

  if(mua5>3){

        mua5 =0;

    }

  multitouchet(mua5);

    break;

      case "y":

      mua6 = mua6 + 1;

  if(mua6>3){

        mua6 =0;

    }

  multitouchet(mua6);

    break;

      case "u":

      mua7 = mua7 + 1;

  if(mua7>3){

        mua7 =0;

    }

  multitoucheu(mua7);

    break;

      case "i":

      mua8 = mua8 + 1;

  if(mua8>3){

        mua8 =0;

    }

  multitouchei(mua8);

    break;

      case "o":

      mua9 = mua9 + 1;

  if(mua9>3){

        mua9 =0;

    }

  multitoucheo(mua9);

    break;

      case "p":

      mua10 = mua10 + 1;

  if(mua10>3){

        mua10 =0;

    }

  multitouchep(mua10);

    break;

      case "q":

      mua11 = mua11 + 1;

  if(mua11>3){

        mua11 =0;

    }

  multitoucheq(mua11);

    break;

      case "s":

      mua12 = mua12 + 1;

  if(mua12>3){

        mua12 =0;

    }

  multitouches(mua12);

    break;

    default:

      return; // Quit when this doesn't handle the key event.

  }

  // Consume the event for suppressing "double action".

  event.preventDefault();

}, true);

  function multitouchea(mua1){

  if(mua1==0){

  var multia1 = document.getElementById("1wav");

  multia1.play();

  }

  else if(mua1==1){

  var multia2 = document.getElementById("1awav");

  multia2.play();

  }

  else if(mua1==2){

  var multia3 = document.getElementById("1bwav");

  multia3.play();

  }

  else if(mua1==3){

  var multia4 = document.getElementById("1cwav");

  multia4.play();

  }

  }

  function multitouchez(mua2){

  if(mua2==0){

  var multiz1 = document.getElementById("2wav");

  multiz1.play();

  }

  else if(mua2==1){

  var multiz2 = document.getElementById("2awav");

  multiz2.play();

  }

  else if(mua2==2){

  var multiz3 = document.getElementById("2bwav");

  multiz3.play();

  }

  else if(mua2==3){

  var multiz4 = document.getElementById("2cwav");

  multiz4.play();

  }

  }

  function multitouchee(mua3){

  if(mua3==0){

  var multie1 = document.getElementById("3wav");

  multie1.play();

  }

  else if(mua3==1){

  var multie2 = document.getElementById("3awav");

  multie2.play();

  }

  else if(mua3==2){

  var multie3 = document.getElementById("3bwav");

  multie3.play();

  }

  else if(mua3==3){

  var multie4 = document.getElementById("3cwav");

  multie4.play();

  }

  }

  function multitoucher(mua4){

  if(mua4==0){

  var multir1 = document.getElementById("4wav");

  multir1.play();

  }

  else if(mua4==1){

  var multir2 = document.getElementById("4awav");

  multir2.play();

  }

  else if(mua4==2){

  var multir3 = document.getElementById("4bwav");

  multir3.play();

  }

  else if(mua4==3){

  var multir4 = document.getElementById("4cwav");

  multir4.play();

  }

  }

  function multitouchet(mua5){

  if(mua5==0){

  var multit1 = document.getElementById("5wav");

  multit1.play();

  }

  else if(mua5==1){

  var multit2 = document.getElementById("5awav");

  multit2.play();

  }

  else if(mua5==2){

  var multit3 = document.getElementById("5bwav");

  multit3.play();

  }

  else if(mua5==3){

  var multit4 = document.getElementById("5cwav");

  multit4.play();

  }

  }

  function multitouchey(mua6){

  if(mua6==0){

  var multiy1 = document.getElementById("6wav");

  multiy1.play();

  }

  else if(mua6==1){

  var multiy2 = document.getElementById("6awav");

  multiy2.play();

  }

  else if(mua6==2){

  var multiy3 = document.getElementById("6bwav");

  multiy3.play();

  }

  else if(mua6==3){

  var multiy4 = document.getElementById("6cwav");

  multiy4.play();

  }

  }

   function multitoucheu(mua7){

  if(mua7==0){

  var multiu1 = document.getElementById("7wav");

  multiu1.play();

  }

  else if(mua7==1){

  var multiu2 = document.getElementById("7awav");

  multiu2.play();

  }

  else if(mua7==2){

  var multiu3 = document.getElementById("7bwav");

  multiu3.play();

  }

  else if(mua7==3){

  var multiu4 = document.getElementById("7cwav");

  multiu4.play();

  }

  }

  function multitouchei(mua8){

  if(mua8==0){

  var multii1 = document.getElementById("8wav");

  multii1.play();

  }

  else if(mua8==1){

  var multii2 = document.getElementById("8awav");

  multii2.play();

  }

  else if(mua8==2){

  var multii3 = document.getElementById("8bwav");

  multii3.play();

  }

  else if(mua8==3){

  var multii4 = document.getElementById("8cwav");

  multii4.play();

  }

  }

  function multitoucheo(mua9){

  if(mua9==0){

  var multio1 = document.getElementById("9wav");

  multio1.play();

  }

  else if(mua9==1){

  var multio2 = document.getElementById("9awav");

  multio2.play();

  }

  else if(mua9==2){

  var multio3 = document.getElementById("9bwav");

  multio3.play();

  }

  else if(mua9==3){

  var multio4 = document.getElementById("9cwav");

  multio4.play();

  }

  }

  function multitouchep(mua10){

  if(mua10==0){

  var multip1 = document.getElementById("10wav");

  multip1.play();

  }

  else if(mua10==1){

  var multip2 = document.getElementById("10awav");

  multip2.play();

  }

  else if(mua10==2){

  var multip3 = document.getElementById("10bwav");

  multip3.play();

  }

  else if(mua10==3){

  var multip4 = document.getElementById("10cwav");

  multip4.play();

  }

  }

   function multitoucheq(mua11){

  if(mua11==0){

  var multiq1 = document.getElementById("11wav");

  multiq1.play();

  }

  else if(mua11==1){

  var multiq2 = document.getElementById("11awav");

  multiq2.play();

  }

  else if(mua11==2){

  var multiq3 = document.getElementById("11bwav");

  multiq3.play();

  }

  else if(mua11==3){

  var multiq4 = document.getElementById("11cwav");

  multiq4.play();

  }

  }

  function multitouches(mua12){

  if(mua12==0){

  var multis1 = document.getElementById("12wav");

  multis1.play();

  }

  else if(mua12==1){

  var multis2 = document.getElementById("12awav");

  multis2.play();

  }

  else if(mua12==2){

  var multis3 = document.getElementById("12bwav");

  multis3.play();

  }

  else if(mua12==3){

  var multis4 = document.getElementById("12cwav");

  multis4.play();

  }

  }

function toucheblanche1Press(){

  mua1 = mua1 + 1;

  if(mua1>3){

        mua1 =0;

    }

  multitouchea(mua1);

  }

function toucheblanche3Press(){

      mua3 = mua3 + 1;

  if(mua3>3){

        mua3 =0;

    }

  multitouchee(mua3);

  }  

function toucheblanche5Press(){

      mua5 = mua5 + 1;

  if(mua5>3){

        mua3 =0;

    }

  multitouchet(mua5);

  }

function toucheblanche6Press(){

      mua6 = mua6 + 1;

  if(mua6>3){

        mua6 =0;

    }

  multitouchet(mua6);

  }

function toucheblanche8Press(){

      mua8 = mua8 + 1;

  if(mua8>3){

        mua8 =0;

    }

  multitoucheu(mua8);

  }

function toucheblanche10Press(){

      mua10 = mua10 + 1;

  if(mua10>3){

        mua10 =0;

    }

  multitoucheu(mua10);

  }

function toucheblanche12Press(){

      mua12 = mua12 + 1;

  if(mua12>3){

        mua12 =0;

    }

  multitoucheu(mua12);

  }

function touchenoire2Press(){

      mua2 = mua2 + 1;

  if(mua2>3){

        mua2 =0;

    }

  multitouchez(mua2);

  }

function touchenoire4Press(){

      mua4 = mua4 + 1;

  if(mua4>3){

        mua4 =0;

    }

  multitoucher(mua4);

  }

function touchenoire7Press(){

      mua7 = mua7 + 1;

  if(mua7>3){

        mua7 =0;

    }

  multitoucheu(mua7);

  }

function touchenoire9Press(){

      mua9 = mua9 + 1;

  if(mua9>3){

        mua9 =0;

    }

  multitoucheu(mua9);

  }

function touchenoire11Press(){

      mua11 = mua11 + 1;

  if(mua11>3){

        mua11 =0;

    }

  multitoucheu(mua11);

  }

function toucheblancheUp(){

  document.getElementById('montre').innerHTML='';

}

function touchenoireUp(){

  document.getElementById('montre').innerHTML='';

}

    </script>      

    <style type="text/css">

@media screen and (min-width: 40.5em) {

  .product-img {

    width: 50%;

    float: left;

  }

}

/*Display 3 per row for medium displays (like mobile phones in landscape or smaller tablets)*/

@media screen and (min-width: 28.75em) {

  .related-products li {

    width: 33.3333333%;

  }

}

/*Display 6 to a row for large displays (like medium tablets and up) */

@media screen and min-width: 40.5em) {

  .related-products li {

    width: 16.6666667%;

  }

}

.toucheblanche1{

  position:absolute;

  margin-top:39%;

  height:60%;

  width:13%;

  background:white;

  cursor:pointer;

  transition:all 0.1s ease 0ms;

  -o-transition:all 0.1s ease 0ms;

  -ms-transition:all 0.1s ease 0ms;

  -moz-transition:all 0.1s ease 0ms;

  -webkit-transition:all 0.1s ease 0ms;

}

.toucheblanche1:active{

  -webkit-transform:perspective(1%) rotateX(-10deg);

  transform:perspective(1%) rotateX(-10deg);

  margin-top:40%;

}

.touchenoire{

  position:absolute;

  height:41%;

  width:10%;

  margin-top:0%;

  background:black;

  border-right:1px solid #BBB;

  cursor:pointer;

}

.touchenoire:active{

  -webkit-transform:perspective(1%) rotateX(-6deg);

  transform:perspective(1%) rotateX(-6deg);

  margin-top:4%;

}

     body{

background-image: -webkit-linear-gradient(right top, #D60F0E 0%, #FFDD01 100%);

background-image:    -moz-linear-gradient(right top, #D60F0E 0%, #FFDD01 100%);

background-image:     -ms-linear-gradient(right top, #D60F0E 0%, #FFDD01 100%);

background-image:      -o-linear-gradient(right top, #D60F0E 0%, #FFDD01 100%);

background-image:         linear-gradient(right top, #D60F0E 0%, #FFDD01 100%);

}

.toucheblanches{

  position:absolute;

  margin-top:0%;

  height:52%;

  width:3.4%;

  background:white;

  margin-left:19.2%;

}

.toucheblanchess{

  position:absolute;

  margin-top:0%;

  height:52%;

  width:7.7%;

  background:white;

  margin-left:33.2%;

}

.toucheblanchesss{

  position:absolute;

  margin-top:0%;

  height:52%;

  width:3.4%;

  background:white;

  margin-left:61.2%;

}

.toucheblanchessss{

  position:absolute;

  margin-top:0%;

  height:52%;

  width:3.4%;

  background:white;

  margin-left:75.2%;

}

.toucheblanchesssss{

  position:absolute;

  margin-top:0%;

  height:52%;

  width:7.8%;

  background:white;

  margin-left:89.2%;

}

.toucheblanches1{

  position:absolute;

  margin-top:0%;

  height:52%;

  width:8.8%;

  background:white;

  margin-left:0%;

}

.toucheblanches2{

  position:absolute;

  margin-top:0%;

  height:52%;

  width:8.8%;

  background:white;

  margin-left:42%;

}

.touchenoire1{

  position:absolute;

  height:11%;

  width:10%;

  margin-top:30%;

  background:black;

  margin-left:9%;

}

.touchenoire2{

  position:absolute;

  height:11%;

  width:10%;

  margin-top:30%;

  background:black;

  margin-left:23%;

}

.touchenoire3{

  position:absolute;

  height:11%;

  width:10%;

  margin-top:30%;

  background:black;

  margin-left:51%;

}

.touchenoire4{

  position:absolute;

  height:11%;

  width:10%;

  margin-top:30%;

  background:black;

  margin-left:65%;

}

.touchenoire5{

  position:absolute;

  height:11%;

  width:10%;

  margin-top:30%;

  background:black;

  margin-left:79%;

}

@media (max-width: 640px) {

    * {

        -webkit-box-sizing: border-box;

           -moz-box-sizing: border-box;

                box-sizing: border-box;

    }

    /* passer body (et tous les éléments de largeur fixe) en largeur automatique */

    body {

        width: auto;

        margin: 0;

        padding: 0;

    }

    /* fixer une largeur maximale de 100% aux éléments potentiellement problématiques */

    img,

    table,

    td,

    blockquote,

    code,

    pre,

    textarea,

    input,

    iframe,

    object,

    embed,

    video {

        max-width: 100%;

    }

    /* conserver le ratio des images */

    img {

        height: auto;

    }

    /* gestion des mots longs */

    textarea,

    table,

    td,

    th,

    code,

    pre,

    samp {

        -webkit-hyphens: auto; /* césure propre */

        -moz-hyphens: auto;

        hyphens: auto;

        word-wrap: break-word; /* passage à la ligne forcé */

    }

    code,

    pre,

    samp {

        white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */

    }

    /* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */

    element1,

    element2 {

        float: none;

        width: auto;

    }

    /* masquer les éléments superflus */

    .hide_mobile {

        display: none !important;

    }

    /* Un message personnalisé */

    body:before {

        content: "Version mobile du site";

        display: block;

        text-align: center;

        font-style: italic;

        color: #777;

    }

}

@media (max-device-width:768px) and (orientation: landscape) {

  html {

   -webkit-text-size-adjust: 100%;

   -ms-text-size-adjust: 100%;

  }

}

    </style>

  </head>

  <body>

<!-- en attente PianoBaul 22 94 10 100 10 0 130 5 5 5 5 5 75 25 25 75  -->

<div><audio id="1awav" src="http://www.letime.net/PianoBaul/1a.wav" preload></audio></div>

<div><audio id="1bwav" src="http://www.letime.net/PianoBaul/1b.wav" preload></audio></div>

<div><audio id="1cwav" src="http://www.letime.net/PianoBaul/1c.wav" preload></audio></div>

<div><audio id="2awav" src="http://www.letime.net/PianoBaul/2a.wav" preload></audio></div>

<div><audio id="2bwav" src="http://www.letime.net/PianoBaul/2b.wav" preload></audio></div>

<div><audio id="2cwav" src="http://www.letime.net/PianoBaul/2c.wav" preload></audio></div>

<div><audio id="3awav" src="http://www.letime.net/PianoBaul/3a.wav" preload></audio></div>

<div><audio id="3bwav" src="http://www.letime.net/PianoBaul/3b.wav" preload></audio></div>

<div><audio id="3cwav" src="http://www.letime.net/PianoBaul/3c.wav" preload></audio></div>

<div><audio id="4awav" src="http://www.letime.net/PianoBaul/4a.wav" preload></audio></div>

<div><audio id="4bwav" src="http://www.letime.net/PianoBaul/4b.wav" preload></audio></div>

<div><audio id="4cwav" src="http://www.letime.net/PianoBaul/4c.wav" preload></audio></div>

<div><audio id="5awav" src="http://www.letime.net/PianoBaul/5a.wav" preload></audio></div>

<div><audio id="5bwav" src="http://www.letime.net/PianoBaul/5b.wav" preload></audio></div>

<div><audio id="5cwav" src="http://www.letime.net/PianoBaul/5c.wav" preload></audio></div>

<div><audio id="6awav" src="http://www.letime.net/PianoBaul/6a.wav" preload></audio></div>

<div><audio id="6bwav" src="http://www.letime.net/PianoBaul/6b.wav" preload></audio></div>

<div><audio id="6cwav" src="http://www.letime.net/PianoBaul/6c.wav" preload></audio></div>

<div><audio id="7awav" src="http://www.letime.net/PianoBaul/7a.wav" preload></audio></div>

<div><audio id="7bwav" src="http://www.letime.net/PianoBaul/7b.wav" preload></audio></div>

<div><audio id="7cwav" src="http://www.letime.net/PianoBaul/7c.wav" preload></audio></div>

<div><audio id="8awav" src="http://www.letime.net/PianoBaul/8a.wav" preload></audio></div>

<div><audio id="8bwav" src="http://www.letime.net/PianoBaul/8b.wav" preload></audio></div>

<div><audio id="8cwav" src="http://www.letime.net/PianoBaul/8c.wav" preload></audio></div>

<div><audio id="9awav" src="http://www.letime.net/PianoBaul/9a.wav" preload></audio></div>

<div><audio id="9bwav" src="http://www.letime.net/PianoBaul/9b.wav" preload></audio></div>

<div><audio id="9cwav" src="http://www.letime.net/PianoBaul/9c.wav" preload></audio></div>

<div><audio id="10awav" src="http://www.letime.net/PianoBaul/10a.wav" preload></audio></div>

<div><audio id="10bwav" src="http://www.letime.net/PianoBaul/10b.wav" preload></audio></div>

<div><audio id="10cwav" src="http://www.letime.net/PianoBaul/10c.wav" preload></audio></div>

<div><audio id="11awav" src="http://www.letime.net/PianoBaul/11a.wav" preload></audio></div>

<div><audio id="11bwav" src="http://www.letime.net/PianoBaul/11b.wav" preload></audio></div>

<div><audio id="11cwav" src="http://www.letime.net/PianoBaul/11c.wav" preload></audio></div>

<div><audio id="12awav" src="http://www.letime.net/PianoBaul/12a.wav" preload></audio></div>

<div><audio id="12bwav" src="http://www.letime.net/PianoBaul/12b.wav" preload></audio></div>

<div><audio id="12cwav" src="http://www.letime.net/PianoBaul/12c.wav" preload></audio></div>

           <div class="toucheblanches1"></div>

           <div class="toucheblanches2"></div>

           <div class="toucheblanches"></div>

     <div class="toucheblanchess"></div>

           <div class="toucheblanchesss"></div>

           <div class="toucheblanchessss"></div>

           <div class="toucheblanchesssss"></div>

           <div class="touchenoire1"></div>

           <div class="touchenoire2"></div>

           <div class="touchenoire3"></div>

           <div class="touchenoire4"></div>

           <div class="touchenoire5"></div>

      <!-- DO gamme 1 -->

      <div class="toucheblanche1" onMouseDown="toucheblanche1Press();" onMouseUp="toucheblancheUp();" style="margin-left:0px;"><audio id="1wav" src="http://www.letime.net/PianoBaul/1.wav" preload></audio></div>

      <!-- RE gamme 1 -->

      <div class="toucheblanche1" onMouseDown="toucheblanche3Press();" onMouseUp="toucheblancheUp();" style="margin-left:14%;"><audio id="3wav" src="http://www.letime.net/PianoBaul/3.wav" preload></audio></div>

      <!-- MI gamme 1 -->

      <div class="toucheblanche1" onMouseDown="toucheblanche5Press();" onMouseUp="toucheblancheUp();" style="margin-left:28%;"><audio id="5wav" src="http://www.letime.net/PianoBaul/5.wav" preload></audio></div>

      <!-- FA gamme 1 -->

      <div class="toucheblanche1" onMouseDown="toucheblanche6Press();" onMouseUp="toucheblancheUp();" style="margin-left:42%;"><audio id="6wav" src="http://www.letime.net/PianoBaul/6.wav" preload></audio></div>

      <!-- SOL gamme 1 -->

      <div class="toucheblanche1" onMouseDown="toucheblanche8Press();" onMouseUp="toucheblancheUp();" style="margin-left:56%;"><audio id="8wav" src="http://www.letime.net/PianoBaul/8.wav" preload></audio></div>

      <!-- LA gamme 1 -->

      <div class="toucheblanche1" onMouseDown="toucheblanche10Press();" onMouseUp="toucheblancheUp();" style="margin-left:70%;"><audio id="10wav" src="http://www.letime.net/PianoBaul/10.wav" preload></audio></div>

      <!-- SI gamme 1 -->

      <div class="toucheblanche1" onMouseDown="toucheblanche12Press();" onMouseUp="toucheblancheUp();" style="margin-left:84%;"><audio id="12wav" src="http://www.letime.net/PianoBaul/12.wav" preload></audio></div>

      <!-- placer les touches noires apres pour etre au dessus des blanches -->

      <!-- DO+ gamme 1 -->

      <div class="touchenoire" onMouseDown="touchenoire2Press();" onMouseUp="touchenoireUp();" style="margin-left:9%;"><audio id="2wav" src="http://www.letime.net/PianoBaul/2.wav" preload></audio></div>     

      <!-- RE+ gamme 1 -->

      <div class="touchenoire" onMouseDown="touchenoire4Press();" onMouseUp="touchenoireUp();" style="margin-left:23%;"><audio id="4wav" src="http://www.letime.net/PianoBaul/4.wav" preload></audio></div>

      <!-- FA+ gamme 1 -->

      <div class="touchenoire" onMouseDown="touchenoire7Press();" onMouseUp="touchenoireUp();" style="margin-left:51%;"><audio id="7wav" src="http://www.letime.net/PianoBaul/7.wav" preload></audio></div>

      <!-- SOL+ gamme 1 -->

      <div class="touchenoire" onMouseDown="touchenoire9Press();" onMouseUp="touchenoireUp();" style="margin-left:65%;"><audio id="9wav" src="http://www.letime.net/PianoBaul/9.wav" preload></audio></div>

      <!-- LA+ gamme 1 -->

      <div class="touchenoire" onMouseDown="touchenoire11Press();" onMouseUp="touchenoireUp();" style="margin-left:79%;"><audio id="11wav" src="http://www.letime.net/PianoBaul/11.wav" preload></audio></div>

      <!-- DO+ gamme 2 -->

  </body>

</html>

Dernière modification par temps (03-06-2015 19:10:58)

temps · 04-06-2015 20:27:48

Bonjour,
La première partie de la tache 4 est faite, il reste à en faire un deb.
A la première utilisation, il faut compiler avec gcc, c'est du c++ sans librairie
il faut entrer les 16 valeurs dans le fichier front.txt
et ensuite cliquer sur index.htlm pour faire apparaître le piano sélectionné dans fronts.txt
Cest ici http://www.letime.net/PianoBaul/src.tar.gz

Il faut télécharger l'application, la décompresser, entrer dans le répertoire en terminal et taper au clavier :

g++ main.cpp clavier.cpp frontsbase.cpp fronts.cpp frontsw.cpp frontsx.cpp frontsy.cpp frontsa.cpp frontsb.cpp frontsd.cpp frontse.cpp frontsf.cpp frontsg.cpp frontsj.cpp frontsj1.cpp frontsj2.cpp frontsj3.cpp frontsj4.cpp frontsj5.cpp frontsj6.cpp frontsj7.cpp frontsj8.cpp frontsj9.cpp frontsj10.cpp frontsj11.cpp consonnes.cpp convertisseur.cpp AdnForme.cpp AdnForme1.cpp AdnForme2.cpp AdnForme3.cpp AdnForme4.cpp AdnForme5.cpp AdnForme6.cpp AdnForme7.cpp AdnForme8.cpp AdnForme9.cpp AdnForme10.cpp AdnForme11.cpp AdnForme12.cpp AdnForme13.cpp AdnForme14.cpp AdnForme15.cpp AdnForme16.cpp AdnForme17.cpp AdnForme18.cpp AdnForme19.cpp AdnForme20.cpp AdnForme21.cpp AdnForme22.cpp AdnForme23.cpp AdnForme24.cpp AdnForme25.cpp AdnForme26.cpp AdnForme27.cpp AdnForme28.cpp AdnForme29.cpp AdnForme30.cpp AdnForme31.cpp AdnForme32.cpp AdnForme33.cpp AdnForme34.cpp AdnForme35.cpp AdnForme36.cpp AdnForme37.cpp AdnForme38.cpp AdnForme39.cpp AdnForme40.cpp AdnForme41.cpp AdnForme42.cpp AdnForme43.cpp AdnForme44.cpp AdnForme45.cpp AdnForme46.cpp AdnForme47.cpp AdnForme48.cpp AdnForme49.cpp AdnForme50.cpp AdnForme51.cpp AdnForme52.cpp AdnForme53.cpp AdnForme54.cpp AdnForme55.cpp AdnForme56.cpp AdnFTab4a.cpp AdnFTab4b.cpp AdnFTab4d.cpp AdnFTab4e.cpp AdnFTabj.cpp -o PianoBaulhtml

ceci produit l'exécutable. Il faut copier coller dans chaque répertoire de travail de piano différent , 1_ index.html, 2 ftonts.txt et l'exécutable.
Puis entrer les 16 valeurs du piano désiré ( ceci génère les sons) et enfin lancer index.html
Il est possible d'avoir une meilleur qualité sonore, pour cela il suffit d'augmenter la valeur de la boucle dans le main, et ensuite retoucher le nombre de fichier audio dans l'index.html

Je vais essayer la tache 1, trouver un serveur pour placer les pianos.

Cordialement

P.S.
j'ai envoyé plusieurs messages dans la bouteille pour trouver un sponsor (serveur multimedia 150 euros annuel).
J'ai lancé quelques termes sur l'écran pour essayer de commencer les travaux de restructuration de SequenBaul, les voici

Première proposition de travaux sur les structures de SequenBaul

Le but ici est de créé des normes de langage pour pouvoir coder SequenBaul, la démarche n'étudie pas le vrai du faux sur les langues anciennes, la démarche est d'essayer de créer les class de l'application.

Prérequis : 

langage unidirectionnel (langage indo-europeen, français, arabe ...)? logique unidirectionnel  ? tableau acoustique

langage multidirectionnel (langage celte, langue de concepts (se retrouve un peu dans proverbe, sculpture et tradition alchimique) ? logique multidirectionnelle ? chaque classe adn est induite par 1 loi en science physique prédominante.

Etude

1- Caractère central, le concept qui va faire naitre les autres concepts :

L’essence est de trois caractères (facteurs). Deux facteur de nature contraire, le temps et la différence de pression nommée amplitude et la force qui va être identifiée à l'aide d'un nombre sans dimension.

Puisque plusieurs causes peuvent avoir le même effet, l'application de manière à être légère a fixé à la force une valeur constante ; pour ne garder que les deux facteurs de nature contraire.

L'essence est donc de 2 valeurs, la durée et l'amplitude. Nous pouvons déjà écrire avec ces information qu'il existe une infinité d'état d'équilibre théorique entre ces deux facteurs pour produire le même son.

Loi 1 : Le même son peut-être produit soit en augmentant l'amplitude, soit par la répétition de sa forme de front. (3 grandes zones d'amplitude)

Loi 2 : plusieurs sons, dans la limite des portes, peuvent être entendu en même temps, soit en mixant les fronts, soit en faisant surfer un son sur un autre.

Loi 3 : Il existe des portes des cas possibles, des fronts puissant masquent les sons plus faible.

Loi 4, il existe un temps de latence, un effet mémoire, en exemple si un son puissant suit directement un son plus faible, le son faible ne sera pas entendue.

Loi5, les lois cités se répètent aussi en plusieurs méta niveau mais leurs modèles est différent.

Loi6, les lois des fronts montant sont différentes des lois des fronts descendants, bien que l’inversion par rapport à la pression ne change pas le son.

Loi 7, il existe 3 grandes metaforme, le marteau, la licorne, le mariage a différentes forces que nous pouvons manipuler.

Loi 8, les sons sont en équilibre, en exemple la même forme selon sa puissance par rapport au son suivant donnera un son différent (c'est évident avec le son S, F .. ou encore P et B … dans la voix humaine)

Nous pouvons créer des trémolo avec l'inversion entre les deux facteurs de nature contraire, mais nous ne pouvons classer cette cause comme class dans sequenbaul, car ce n'est qu'une forme particulière, et non pas une forme générale.

Nous pouvons créer plusieurs sons et manipuler leurs états d'équilibre entre les forces, les portes … 

peut-être est-ce un début d'idée de classement pour sequenbaul.

Proposition :

Reprendre au début la structure de sequenBaul et :

En premier travailler sur un seul son et déployer toutes les causes première sur ce son unique.

En deuxième class reprendre le même son, et jouer sur toutes les causes premières mais cette fois_ci en introduisant les variation sur le temps ( une class qui ouvre sur une nouvelle class) ?

Une fois ceci réaliser commencer à développer une troisième class sur les deux autres qui utilise les état d'équilibre entre deux sons

… ainsi de suite jusqu'à arriver à énoncer toutes les causes premières des différents niveaux de lois physiques pour commencer à étudier les causes particulières comme la voix humaine.

Cordialement

Sans toucher le code actuel, je vais tater pour voir en ajoutant des AdnForme en jouant sur les variations d'un front, puis sur les variations de 2 fronts, puis ... en augmentant le nombre de fronts.

Dernière modification par temps (08-06-2015 15:54:37)

temps · 18-06-2015 04:35:50

Bonjour,
Je travaille ces derniers temps sur la partie communication à l'aide de la version PianoBaul html5 afin d'obtenir un serveur multimédia.
Je vais attaquer prochainement les graphismes des page en mappant les dessins des instruments de musiques comme je l'avais fait avec le moteur de recherche système expert (un lourd travail).
J'ai commencé à placer la voix humaine dans la version html5, sans attendre d'avoir affiné le code (PC, mobile, compatibilité navigateurs).
Les mêmes sons peuvent être générés de plusieurs manières, mais pour pianobaul il faut préférer travailler sur les amplitude car les sons se mixent , si nous travaillons sur les durées souvent ils se déforment mal (80% des cas en fait il est plus facile de former des couches audibles avec les amplitudes)
Dans le dernier piano mis en ligne, je mets en évidence que la même forme s'entend en son B ou en son T selon la forme de la voyelle qui suit.
Ma démarche actuelle est de trouver les 150 euros pour l'hébergement, de trouver d'autres DEV pour s’occuper du html5 et des dessins, de trouver quelqu'un pour mettre à jour les wiki et le git (je sais faire un push mais pas commenter.
Ce serait bien de retrouver quelqu'un avec moi sur le projet.

Cordialement

Debian-facile

#1 23-02-2015 22:48:27

wiki SequenBaul

#2 06-03-2015 12:47:34

Re : wiki SequenBaul

#3 08-03-2015 10:27:32

Re : wiki SequenBaul

#4 08-03-2015 18:13:26

Re : wiki SequenBaul

#5 10-03-2015 22:17:02

Re : wiki SequenBaul

#6 18-03-2015 22:18:52

Re : wiki SequenBaul

#7 25-03-2015 21:41:55

Re : wiki SequenBaul

#8 29-03-2015 08:53:59

Re : wiki SequenBaul

#9 29-03-2015 09:54:16

Re : wiki SequenBaul

#10 01-04-2015 20:43:02

Re : wiki SequenBaul

#11 02-04-2015 18:18:44

Re : wiki SequenBaul

#12 04-04-2015 20:41:03

Re : wiki SequenBaul

#13 12-04-2015 01:38:04

Re : wiki SequenBaul

#14 12-04-2015 09:40:00

Re : wiki SequenBaul

#15 26-04-2015 05:54:12

Re : wiki SequenBaul

#16 08-05-2015 07:57:24

Re : wiki SequenBaul

#17 22-05-2015 14:04:56

Re : wiki SequenBaul

#18 22-05-2015 17:48:11

Re : wiki SequenBaul

#19 22-05-2015 17:59:28

Re : wiki SequenBaul

#20 27-05-2015 22:53:53

Re : wiki SequenBaul

#21 28-05-2015 04:59:01

Re : wiki SequenBaul

#22 28-05-2015 19:28:31

Re : wiki SequenBaul

#23 02-06-2015 18:25:16

Re : wiki SequenBaul

#24 04-06-2015 20:27:48

Re : wiki SequenBaul

#25 18-06-2015 04:35:50

Re : wiki SequenBaul

Pied de page des forums