Les jean-programmeur comment on intègre une API ?

Le 29 novembre 2022 à 23:51:02 golf8tdi a écrit :

Le 29 novembre 2022 à 23:45:39 :
tu rajoute du JS, sur le onClick de ton boutton tu fais un POST vers l'api de google
la comme ça rapidement le endpoint à l'air d'être /v1/text:synthesize et y'as pas besoin d'autre auth
https://cloud.google.com/text-to-speech/docs/reference/rest?hl=fr

le mieux si t'as un backend en nodejs t'as un exemple ici https://github.com/googleapis/nodejs-text-to-speech/blob/HEAD/samples/synthesize.js

ça m'as pris une requete google et 30secondes

Donc en gros sur le premier point il s'agit d'envoyer le document vers l'api de google directement ?
C'est une API gratuite ?

Jai pas de backend nodeJS actuellement sur Visual Studio Code j'ai qu'une page HTML avec mon bouton d'importation mp3 et une JS vide et une PYTHON vide (que jai ouverte pour lAPI naivement)

je sais pas si c'est gratuit khey j'ai jamais utilisé leur api

t'as pas de document à envoyer tu fait juste une requete en POST et t'envoi le contenu de ton input dans le body, eux ils te retournent un fichier audio encodé en base 64

mais bon sans backend t'es limité, fais toi un truc vite fait avec express et t'installe la lib text to speech c'est mieux

ça prends 15 min max de bidouiller un truc si t'as deja nodejs d'installé t'as besoin de rien, crypto pour encoder, text-to-speech, sqlite si tu veux stocker et express

j'sais pas s'que tu veux faire exactement mais avec juste de l'html t'ira pas loin

Faut déjà comprendre comment fonctionne l'API pour savoir comment l'intégrer. Lis la doc, ça doit être expliqué.

Le 30 novembre 2022 à 00:03:18 :
Après l'informatique et le web ça s'apprend pas après 3 tutos js/html/css
C'est un vrai métier, les gens vont pas le faire pour toi si c'est ce que tu attend

Même pour un dev ce que tu demande ça demande un peu de recherche et de boulot

J'ai jamais dis ça, ne dites pas des choses que je n'ai pas dites svp

Je demande de l'aide sur un forum et j'en ai reçu je suis en train de lire et de fouiller de mon côté

Et oui je suis conscient de la complexité de la chose

Le 30 novembre 2022 à 00:08:18 :

Le 29 novembre 2022 à 23:51:02 :

Le 29 novembre 2022 à 23:45:39 :
tu rajoute du JS, sur le onClick de ton boutton tu fais un POST vers l'api de google
la comme ça rapidement le endpoint à l'air d'être /v1/text:synthesize et y'as pas besoin d'autre auth
https://cloud.google.com/text-to-speech/docs/reference/rest?hl=fr

le mieux si t'as un backend en nodejs t'as un exemple ici https://github.com/googleapis/nodejs-text-to-speech/blob/HEAD/samples/synthesize.js

ça m'as pris une requete google et 30secondes

Donc en gros sur le premier point il s'agit d'envoyer le document vers l'api de google directement ?
C'est une API gratuite ?

Jai pas de backend nodeJS actuellement sur Visual Studio Code j'ai qu'une page HTML avec mon bouton d'importation mp3 et une JS vide et une PYTHON vide (que jai ouverte pour lAPI naivement)

Tu brûles les étapes.

Tu as l'air de ne pas avoir les basses

Sinon les API c'est chiant, faut souvent farfouiller dans des docs mal foutu pour savoir qu'elle requête faire.

Jamais fais de dev de ma vie khey c'est juste un projet que je veux tester pour le fun

Et oui j'ai pu remarquer que c'était bien chiant niveau doc

Le 30 novembre 2022 à 00:10:30 :

Le 30 novembre 2022 à 00:03:18 :
Après l'informatique et le web ça s'apprend pas après 3 tutos js/html/css
C'est un vrai métier, les gens vont pas le faire pour toi si c'est ce que tu attend

Même pour un dev ce que tu demande ça demande un peu de recherche et de boulot

J'ai jamais dis ça, ne dites pas des choses que je n'ai pas dites svp

Je demande de l'aide sur un forum et j'en ai reçu je suis en train de lire et de fouiller de mon côté

Je sais pas comment fonctionne l'API. Peut-être qu'en lisant le fichier tu dois envoyer chaque bout du stream en cache à un serveur distant et ils te retournent le texte de ce stream avec un rafraîchissement régulier (ajax). Faut lire la doc, c'est expliqué quand les API sont publiques.

ah mais j'ai mal lu c'est dans le sens inverse que tu veux le fairehttps://image.noelshack.com/fichiers/2017/18/1494048058-pppppppppppppppppppp.png
C'est pas text to speech mais speech to text

j'suis un ahuri

Le 30 novembre 2022 à 00:09:01 :

Le 29 novembre 2022 à 23:51:02 golf8tdi a écrit :

Le 29 novembre 2022 à 23:45:39 :
tu rajoute du JS, sur le onClick de ton boutton tu fais un POST vers l'api de google
la comme ça rapidement le endpoint à l'air d'être /v1/text:synthesize et y'as pas besoin d'autre auth
https://cloud.google.com/text-to-speech/docs/reference/rest?hl=fr

le mieux si t'as un backend en nodejs t'as un exemple ici https://github.com/googleapis/nodejs-text-to-speech/blob/HEAD/samples/synthesize.js

ça m'as pris une requete google et 30secondes

Donc en gros sur le premier point il s'agit d'envoyer le document vers l'api de google directement ?
C'est une API gratuite ?

Jai pas de backend nodeJS actuellement sur Visual Studio Code j'ai qu'une page HTML avec mon bouton d'importation mp3 et une JS vide et une PYTHON vide (que jai ouverte pour lAPI naivement)

je sais pas si c'est gratuit khey j'ai jamais utilisé leur api

t'as pas de document à envoyer tu fait juste une requete en POST et t'envoi le contenu de ton input dans le body, eux ils te retournent un fichier audio encodé en base 64

mais bon sans backend t'es limité, fais toi un truc vite fait avec express et t'installe la lib text to speech c'est mieux

ça prends 15 min max de bidouiller un truc si t'as deja nodejs d'installé t'as besoin de rien, crypto pour encoder, text-to-speech, sqlite si tu veux stocker et express

j'sais pas s'que tu veux faire exactement mais avec juste de l'html t'ira pas loin

Ok c'est un sorte de "cloud/requête server" version API

Pourquoi le backend est important ?

Jai l'impression que y a des millions de langage bordel.

Mais la première étape serait d'avoir une page avec un bouton pour insérer le fichier mp3 quand le fichier est choisi l'api détecte et transcris automatiquement en texte.

Déjà ça serait 50% du taf de fait si j'arrive à là

Le 30 novembre 2022 à 00:14:37 :
ah mais j'ai mal lu c'est dans le sens inverse que tu veux le fairehttps://image.noelshack.com/fichiers/2017/18/1494048058-pppppppppppppppppppp.png
C'est pas text to speech mais speech to text

j'suis un ahuri

Oui c'est speech to text clé

Le 29 novembre 2022 à 23:59:22 :
Y'a une méthode en Javascript qui s'appelle fetch()

Tu peux faire des requêtes HTTP pour récupérer des données d'une API.

Tu peux utiliser ça dans une fonction asynchrone (rajoute le mot-clé "async" devant "function" quand tu définis une fonction) et dans cette fonction tu utilises le mot-clé "await" qui dans le cas présent va attendre (comme son nom l'indique) le résultat de la fonction fetch() qui est une "promesse".

En gros quand on dit que c'est une "promesse" ça signifie que le résultat du fetch(), qui réalise une requête HTTP, n'est pas immédiat. Faut que ça atteigne le serveur qui va gérer ta requête et ensuite ça va te renvoyer une réponse correspondante avec les données que tu as demandé. Et ce processus n'est donc pas immédiat, ça se fait en quelques millièmes de seconde.

Et ensuite ta fonction asynchrone (tu peux l'appeler "loadApiData" par exemple) tu peux l'appeler au sein d'une fonction qui se déclenche au chargement de la page grâce à un EventListener "window.addEventListener('load', (event) => {})"

Après faut aller voir 2 ou 3 explications sur le net pour bien comprendre le Javascript.

Merci pour ton post très détaillé clé, j'ai du comprendre que 30% mais je le garde de côté au cas ou

No fake ça me prend 30 minutes à faire ton bordel, je l'ai fais pour le backoffice de mon site, ça me lit les notifications en vocal sur mon PC en fond chez moi pour monitorer mes sites et l'activité
C'est du websocket qui récupère et génère les notifications, et j'ai une api text to speach avec la voix de Google qui les lit automatiquement
ça m'a prit 1h environ (surtout à cause du websocket)

Le 30 novembre 2022 à 00:10:30 :

Le 30 novembre 2022 à 00:03:18 :
Après l'informatique et le web ça s'apprend pas après 3 tutos js/html/css
C'est un vrai métier, les gens vont pas le faire pour toi si c'est ce que tu attend

Même pour un dev ce que tu demande ça demande un peu de recherche et de boulot

J'ai jamais dis ça, ne dites pas des choses que je n'ai pas dites svp

Je demande de l'aide sur un forum et j'en ai reçu je suis en train de lire et de fouiller de mon côté

Et oui je suis conscient de la complexité de la chose

D'accord tant que tu en es conscient très bien
Après si ton objectif c'est juste faire marcher ça à l'instant T et pas d'apprendre à programmer, essaie de faire marcher le programme python en local (sur le GitHub de l'api ça a l'air bien expliqué)
Après tu peux faire exécuter des lignes de commande par javascript et récupérer l'output

A mon avis ce serait la méthode la plus simple

Axios

Le 30 novembre 2022 à 00:19:20 :
No fake ça me prend 30 minutes à faire ton bordel, je l'ai fais pour le backoffice de mon site, ça me lit les notifications en vocal sur mon PC en fond chez moi pour monitorer mes sites et l'activité
C'est du websocket qui récupère et génère les notifications, et j'ai une api text to speach avec la voix de Google qui les lit automatiquement
ça m'a prit 1h environ (surtout à cause du websocket)

Moi c'est l'inverse speech to text khey

Après tu sembles maitriser le truc, comment tu t'y prendrais pour faire ce que je veux faire ? (étapes)

Le 30 novembre 2022 à 00:27:30 :

Le 30 novembre 2022 à 00:10:30 :

Le 30 novembre 2022 à 00:03:18 :
Après l'informatique et le web ça s'apprend pas après 3 tutos js/html/css
C'est un vrai métier, les gens vont pas le faire pour toi si c'est ce que tu attend

Même pour un dev ce que tu demande ça demande un peu de recherche et de boulot

J'ai jamais dis ça, ne dites pas des choses que je n'ai pas dites svp

Je demande de l'aide sur un forum et j'en ai reçu je suis en train de lire et de fouiller de mon côté

Et oui je suis conscient de la complexité de la chose

D'accord tant que tu en es conscient très bien
Après si ton objectif c'est juste faire marcher ça à l'instant T et pas d'apprendre à programmer, essaie de faire marcher le programme python en local (sur le GitHub de l'api ça a l'air bien expliqué)
Après tu peux faire exécuter des lignes de commande par javascript et récupérer l'output

A mon avis ce serait la méthode la plus simple

Mais est-ce que sur Python après ça peut se publier en ligne ? ou c'est uniquement pour tester du local ?

Quand tu dis récupérer l'output c'est genre récupérer le code en JS pour le mettre en ligne ?

Merci pour tes réponses aussi

Il faut parse les data de l'api avec json