Ecrire en graphieros sur son navigateur

Graphieros a écrit:

Pour le son j'ai passé une journée entière à enregistrer les MP3 un à un et à rajouter le New Audio() pour chaque glyphe, qui alourdit dramatiquement la performance. Je pense que je vais revenir en arrière, la phono visuelle devrait de toute façon suffire. Mais je garde les MP3 pour un autre usage éventuel (reconnaissance de glyphes? Mmh pas encore au niveau pour ça haha)

Il existe des bibliothèques pour prononcer des mots/phrases en sons synthétisés.
C'est plus économique en bande passante. Tu écris en phonétique et ça te le prononce, avec en général des voix pas trop robotiques.

Comme je suis en plein apprentissage, je laisse de côté l'usage des bibliothèques pour le moment apprendre à la dure, faire des erreurs, c'est très intéressant

Graphieros a écrit:

Comme je suis en plein apprentissage, je laisse de côté l'usage des bibliothèques pour le moment apprendre à la dure, faire des erreurs, c'est très intéressant

Sans doute, mais réinventer la roue faire souvent perdre du temps, tout comme enregistrer 36 MP3
Bref, tu fais dans le Vanilla JS, c'est à la mode, en réaction à des choses comme le JQuery.

PatrikGC a écrit:

Graphieros a écrit:

Comme je suis en plein apprentissage, je laisse de côté l'usage des bibliothèques pour le moment apprendre à la dure, faire des erreurs, c'est très intéressant

Sans doute, mais réinventer la roue faire souvent perdre du temps, tout comme enregistrer 36 MP3
Bref, tu fais dans le Vanilla JS, c'est à la mode, en réaction à des choses comme le JQuery.

Tu as très certainement raison. Je viens de trouver le moyen d'améliorer la performance, au lieu de créer un son dans chaque objet de la base de données, de le créer à partir du nom quand il est sélectionné, car le nom est le même que le fichier. Ca va beauucoup plus vite maintenant

Concernant le vanilla JS, comme j'ai commencé l'année dernière, quand j'ai vu JQuery, React, Angular, Vue, sans parler de Node etc etc je me suis dit que j'allais déjà commencer par savoir faire du vélo avant de chevaucher une moto !

Graphieros a écrit:

Tu as très certainement raison. Je viens de trouver le moyen d'améliorer la performance, au lieu de créer un son dans chaque objet de la base de données, de le créer à partir du nom quand il est sélectionné, car le nom est le même que le fichier. Ca va beauucoup plus vite maintenant

Attends, ne me dis pas que tu avais stocké le MP3 en tant que blob ?
Gérer un son, c'est comme gérer une image : par son nom et donc par un lien. C'est bcp plus simple et c'est surtout plus flexible et rapie.
En informatique, il existe l'acronyme LLM (en anglais RTM) très utilisé sur certains forums : Lire Le Manuel avant de commencer quoique ce fut. Les 1ères pages indiquent souvent la logique générale, ce qui évite ensuite certains pb.
Une maxime informatique : si on peut faire sans SGBDR, alors il fait le faire (ça rime)

Graphieros a écrit:

Concernant le vanilla JS, comme j'ai commencé l'année dernière, quand j'ai vu JQuery, React, Angular, Vue, sans parler de Node etc etc je me suis dit que j'allais déjà commencer par savoir faire du vélo avant de chevaucher une moto !

Disons que certaines briques aident la programmation. La méthode getElementById appartient en effet au Vanilla, mais le fameux $(...) est souvent bcp plus pratique...

PatrikGC a écrit:

Attends, ne me dis pas que tu avais stocké le MP3 en tant que blob ?
.

ah là là, imagine 450 objets comme ça:

{
name: "_name",
fr: "francais",
path: [[]],
sound: new Audio(.mp3)
}

donc j'ai bien perdu une journée à faire ça, que je viens de corriger en générant le chemin à partir de l'id, ce qui m'a pris... 3 minutes haha

Mais je suis brûlé, donc la prochaine fois qu'une tâche apparaîtra répétitive, je prendrai le temps d'en gagner!

Graphieros a écrit:

donc j'ai bien perdu une journée à faire ça, que je viens de corriger en générant le chemin à partir de l'id, ce qui m'a pris... 3 minutes haha
Mais je suis brûlé, donc la prochaine fois qu'une tâche apparaîtra répétitive, je prendrai le temps d'en gagner!

C'est un grand classique de gérer les fichiers extérieurs à partir d'un nom issu de l'id ou de qqchose s'en approchant. Pas besoin de stocker le nom qqpart puisqu'il est déductible.
Tout le pb se résume à bien cogiter à la clé ou l'id, afin d'optimiser bien des choses ensuite.

C'est marrant j'ai à la fois honte d'avoir perdu une journée et fier d'avoir corrigé

Graphieros a écrit:

C'est marrant j'ai à la fois honte d'avoir perdu une journée et fier d'avoir corrigé

On apprend de ses erreurs, petit scarabée

Au moins, tu n'es pas buté, tu as compris dans quelle impasse technique tu étais, et tu as su rectifier le tir, ce qui est tout à ton honneur. Tu pourras dormir l'âme en paix !

Par amusement, une variante de ton écriture.



20 traits (de a à t). J'ai ajouté les 2 traits horizontaux (s et t), car trop utiles.
Respectivement, les approximations des caractères chinois de : milieu, femme, partic. achèvement, enfant

Joli :}
Je vois que tu utilises t-s en plus. Tu les relierais à d'autres points que le centre?

Non, je ne pense pas. J'ai simplement besoin d'une barre horizontale ou plutôt de 2 demi-barres pour certains symboles.
De la même façon, pour la lisibilité de certains de tes glyphes, il manque 2 barres verticales mais tu exploites la verticalité autrement.

Oui, c'est lié au fait que je n'autorise que les liaisons sur les 7 points, entre lesquels n'existe qu'un 'vide' indésignable

Graphieros a écrit:

Oui, c'est lié au fait que je n'autorise que les liaisons sur les 7 points, entre lesquels n'existe qu'un 'vide' indésignable

J'avais compris la logique de base.
Mais parfois, on peut passer outre dans certains cas.

Bonsoir chers amis,

je ne résiste pas à l'envie de partager ma satisfaction après avoir péniblement résolu les problèmes qui m'ont permis de pouvoir enfin écrire en phonétique directement sur le HTML, et que la conversion visuelle en graphieros se fasse directement sur la page web. C'est moins sexy qu'une appli qui permet d'écrire en graphieros, mais ça me permet très facilement d'éditer un texte en graphieros et de le publier sur une page web en un claquement de doigts

Les programmeurs dans la salle pourront aller se moquer de ma syntaxe en allant voir le code source ici. Je suis nouveau, donc je succombe à la nouveauté, comme un moustique à l'odeur du mammifère, d'où l'apparition des forEeach() et des fonctions => (j'étais plutôt amateur du classique for() mais c'est vrai que le forEach() apporte plus de clarté dans le cas où les boucles sont très profondes.

Je vais le convertir en une sorte de bobliothèque JS, qui permet d'éditer du graphieros à partir du HTML, pour peu de savoir taper:
1.

Graphieros a écrit:

Je ne résiste pas à l'envie de partager ma satisfaction...

Tu peux être satisfait
En programmation, il faut démarrer un jour, tu n'as pas à avoir de complexe(s).
Pt à pt, l'oiseau fait son nid et les petits ruisseaux font les grandes rivières etc.
Proverbe informatique : il vaut mieux un programme moche qui fonctionne bien qu'un programme magnifique (point de vue code) qui bogue...

Le forEach est pratique pour les collections d'objets et le => pour les fonctions kleenex.
Pour les boucles, un pt récap sympa : https://www.zendevs.xyz/les-boucles-for-foreach-each-en-javascript/

Comme déjà dit, j'aurais mis la propriété name en clé de chaque objet de ta base. Mais ton choix technique fonctionne et c'est le principal.

PatrikGC a écrit:

Graphieros a écrit:

Je ne résiste pas à l'envie de partager ma satisfaction...

Tu peux être satisfait
En programmation, il faut démarrer un jour, tu n'as pas à avoir de complexe(s).
Pt à pt, l'oiseau fait son nid et les petits ruisseaux font les grandes rivières etc.

Merci beaucoup Patrik ! ça fait plaisir de pouvoir partager ça, impossible au quotidien, dans mon entourage. Après beaucoup de prise de tête, une joie qui exploserait sans personne qui la peut comprendre, ce serait un peu comme une fleur sans oeil pour le printemps.

En tout cas, programmer, ça rend humble. Pas de mensonge, ici: ça marche, ou ça ne marche pas. Et si ça marche, est-ce par hasard?

Graphieros a écrit:

Merci beaucoup Patrik ! ça fait plaisir de pouvoir partager ça, impossible au quotidien, dans mon entourage. Après beaucoup de prise de tête, une joie qui exploserait sans personne qui la peut comprendre, ce serait un peu comme une fleur sans oeil pour le printemps.

En tout cas, programmer, ça rend humble. Pas de mensonge, ici: ça marche, ou ça ne marche pas. Et si ça marche, est-ce par hasard?

Je me rappelle avoir été débutant, même si ça commence à dater.
Je connais cette joie étrange quand enfin ça daigne fonctionner.
Quand ça fonctionne, il ne faut pas tjrs chercher à comprendre