Outils Mémo :
Prise de note IA vocale.
Traduction IA.
Restitution vocale.
Traduction orale en temps réel.
Poser toute question à ChatGPT.
PC :
 
6/19/2025, 12:34:03 PM
   Cac  
   Dj  
   Nsq  
Son :
Commande vocale IA :   fr-FR  
  
Contact

Mémos, composants, site de veilles & démos.
Responsive sur Brave, Edge, Chrome, Firefox.

  Projets Webs.  
   Développement JavaScript full object, Angular-Cli, C#, .Core.   
sous EDI VS 2022.
Composants médias et IA.
JS & Angular.

Benshmark par composants Angular des ressources js et Api deep-learning IA suivantes :

  • Image, deep-learning et reconnaissance de personnes : framework JS apiface.js , tensorflow.js et API MS Azur Visage.
  • Image et lecture optique de caractères (OCR) : API Tesseract et API MS Azur Vision. filtrage Glfx.js.
  • Lecture de codebarre et de QRcodes : framework JS quagga.js et jsQR.js.
  • Reconnaissance vocale : JS/API Google et MS via l'objet JS SpeechRecognition (mode "micro déconnecté" (gratuite : Sur Edge et Chrome)).
  • Restitution vocale : JS/API Google SpeechSynthesis.
  • Traduction : API MS Azur Translator.
  • Poser toute question à ChatGPT.


Vole de deux drones Tellos en essaim (non Edu). Cokpit unique sur PC avec prise en main de chacun des drones, ou en synchronisé. Reconnaissance visage, personne, fonction de ""Follow me", de recherche de personne, cokpit virtuel à la souris et fonctions de tracking.
En cours : training d'un modèle de reconnaissance de drones Tello (via TensorFlow) pour implémentation d'une fonction de suivi de drones en essaim.
Développement Python.


Menu.

  • Composants medias d'analyses d'images.
  • IA : Composant de prise en main des caméras pour Reconnaissance Optique de Caractères (OCR Tesseract et Api MS Vision), lecture de code barres et de QRcodes.
  • IA : Composant de reconnaissance du visage, de l'âge, du genre, des expressions et reconnaissance de personnes via FaceApi.js et l'Api MS Visage : Authentification par identification faciale.
  • IA : Composant de prise de note vocale : reconnaissance via l'objet Api JS SpeechRecognition (API IA MS et Google) et synthétiseur vocal.
    Traduction IA via l'Api translator MS
    Synthèse de l'utilisation de la reconnaissance vocale couplée à l'IA de traduction : On parle dans une langue, la traduction en temps réelle est renvoyée au synthétiseur vocale.
    Poser toute question à ChatGPT.
  • Pages Angular parentes de veilles : historiques boursiers (via D3.js), Commandes en cours (Treeview alimenté à partir de la BDD), Map SVG sur image, interface de saisie d'une entité CRUD.
  • Mémos JS, Angular-Cli, CSS, Bootstrap, HTML5 et manipulation d'images, React & Vue.js.

Composants AngularCli enfants :

- Le Caroussel zoomable.

   

fifi




Cliquer sur les images du composant caroussel.
Elles zooment progressivement, un filtre "correctif" (de type "convolution") leur est appliqué par défaut, l'utilisateur peut le modifier.
Les images sont chargées selon l'identifiant de regroupement en BDD demandé par la page maîtresse.
Ici, la page d'accueil contient deux instances du composant sur deux thèmes différents : un en haut de page : les univers sur 4*3 images, l'autre en bas de page : les sites antiques sur 3*3 images.

- Les images statiques zoomables.
...
       

fifi

...
       

fifi

...
       

fifi

Cliquer sur l'image.

L'utilisation de ce composant permet à l'image de zoomer sur l'écran via une animation CSS.
Le chargement de l'image est contrôlé et les erreurs potentielles lors du chargement sont traitées.
Une page Web peut ainsi contenir autant d'image que l'on souhaite sans réel soucie de volumétrie lors du premier affichage (avant mise en cache par le navigateur).


- Les composants dérivés zoomables.
...
  
  
             
   
   Cliché

fifi


Composant 1.

    
...
  
  
             
   
   Cliché

fifi


Composant 2.
    
...
             
  
   Cliché

fifi


Composant 3.

Composant dérivé : Un clic zoome la photo elle même zoomable via une sous-fenêtre dimensionnable (un "Crop").
Composant 1 : Une fois la sous-fenêtre zoomée, cliquer sur un objectif, l'image se centre dessus.
Composant 2 : Une fois la sous-fenêtre zoomée, cliquer sur les bords du rectangle pour un déplacement sur l'image.
Composant 3 : Un clic zoome la photo elle même zoomable de façon mobile via un "Crop".

Composants AngularCli parents :  

- Caméras PC & smartphone.
Lecteur Optique de Reconnaissance de Caractères (OCR), Code-barres et QRCodes.



Composant :
- De prise de contrôle de la caméra d'un PC ou d'un smartphone.
- De prise de contrôle de l'interface de l'appareil photo d'un smartphone.
- De zoomage.

- De prise de cliché et filtrage adéquat de l'image pour :
- Envoie à un OCR (Teseract) d'interprétation d'image pour extraction du texte.
- De lecture de Code-Barres (EAN13) basée sur la librairie de lecture quagga.js.
- De lecture de QRcode basée sur la librairie de lecture jsQR.js.

- De lecteur de vidéo (mp4) stockée sur PC ou smartphone (limite tech. à 400M).
Le zoomage est immersif, il dépend de la taille du "crop" (du rectangle), plus le rectangle est petit plus on zoome. Le déplacement dans le filme s'effectue en déplaçant le "crop".

...

fifi

Lecteur caméras toutes sources PC, smartphone et iphone.

Notice et démo de lecture d'un texte via l'OCR :
1
...

fifi

  
2
...

fifi

  
3
...

fifi

4
...

fifi

Lien vers le composant de démonstration.
Lien vers le composant de démonstration.

- Composant de reconnaissance et d'identification faciale.

Composant de reconnaissance du visage, de l'âge, du genre, des expressions et reconnaissance de personnes via FaceApi.js :
Composant d'identification faciale pour l'autorisation à l'accès d'applications Web ou de fonctionnalités intranet ou internet.

...

fifi

Lien vers le composant de démo.
Lien vers le composant de démo.
Application : Le composant d'authentification faciale du site :
Page d'authentification faciale.
Page d'authentification faciale.

- Historiques boursiers d'Euronext France.
- Graphes des historiques boursiers d'Euronext France
Ce composant utilise le framework D3.js alimenté des historiques boursiers à partir de la base de données du site.
...

fifi



- Saisie de portefeuilles bousiers (CRUD d'une entité)
Composant (CRUD : create, read, update, delete) de mise à jour en base de données via les services WebAPI Rest.
...

fifi



- Exemple d'utilisation d'un treeview alimenté à partir de la BDD.
Ce composant utilise le sous-composant "Treeview" (alimenté à partir de la base de données via API Rest), un composant enfant "Commande détail" et un sous-composant générique "Compteur". La page détail configure la balise video (Html5).
...

fifi



- Exemple d'utilisation des coordonnés SVG sur une image.
Exemple d'utilisation des coordonées SVG sur une image.
...

fifi


- Divers.

Sous-composant AngularCli Utilisé dans les exemples de composants "Images SVG" et "Saisie d'un portefeuille boursier (entité CRUD)" du site.


Sous-composant de type Module TS avec sa propre méthode render.


Sous-composant AngularCli.

Mémo technique AngularCli.
Mémo AngularCli

Javascript et Typescript.

Mémo technique Javascript :
Mémo Javascript

Les composants Bootstrap.

Mémo visuel :

Web-Api, Core.Net, Entity Framework et services AngularCli.

Mémo technique :
Mémo Web-Api Rest et appel client via les services AngularCli

Le langage CSS.

Mémo CSS (Cascading Style Sheets) :
Le Framework Vue.JS

Site officiel et tutorial :
HTML5 Média et SASS/CSS.

HTML5 Média : Canvas, vidéos et caméras.
SASS : Mémo : Point d'entrée.
Mémo HTML5 Média, points d'entrée pour Sass.


Composant de prise de notes et de traduction IA.

Composant de prise de note par reconnaissance vocale (sur les navigateurs Chrome et Edge) :

Basée sur l'API IA SpeechRecognition de Google sur le navigateur Chrome et l'API IA Speech de Microsoft sur le navigateur Edge..
Remarque : La version gratuite utilisée sur ce site ne fonctionne que sur Chrome et Edge PC. Sur Chrome et Edge sur smartphone, désactivez le son "Alarme" (le mode web gratuit déconnecte et reconnecte le micro à chaque appel) :


Lexique de la reconnaissance vocale pour la prise de notes :

IA : les boutons de traductions appellent l'API de traduction Translator, ressource IA de Microsoft Azur.
Sauver


Direct Speech & traduction :
Cocher l'option, parler en français, la traduction en anglais en temps réelle est renvoyée au synthétiseur vocale et dans le texte ci dessous.

Résultat de la traduction ou de la demande à ChatGpt :


Test CSS :
(Ne pas cliquer : Destruction bruyante du site).
radio
Test apk

  Traduction mono-mot : 
(Api Google sans clé)

   




   

fifi