Catégorie : Javascript
-
addEventListener en Javascript pour écouter les événements
L’écoute des événements est une compétence essentielle pour tout développeur JavaScript travaillant sur des interfaces utilisateur interactives. Dans ce tutoriel, nous allons explorer en détail la méthode addEventListener, qui est l’une des manières les plus courantes pour attacher des gestionnaires d’événements à des éléments du DOM. Qu’est-ce que addEventListener ? addEventListener est une méthode JavaScript…
-
API javascript MediaRecorder et Audio : Coder un dictaphone
Cet article explore le processus d’enregistrement et de visualisation d’audio en utilisant les API Web Audio et MediaRecorder. Nous allons décomposer un exemple de code et expliquer comment il fonctionne pour capturer l’audio du microphone, l’analyser et le visualiser, et enfin enregistrer les enregistrements sous forme de fichiers audio lisibles. L’enregistrement et la visualisation d’audio…
-
API Javascript Picture-in-Picture : Vidéo image dans l’image
L’API javascript Picture-in-Picture permet aux sites web d’offrir une expérience multi-tâche améliorée aux utilisateurs. Grâce à cette API, vous pouvez placer du contenu web, tel qu’une vidéo ou un élément HTML personnalisé, dans une fenêtre flottante toujours visible par-dessus les autres fenêtres et applications. Cela permet aux utilisateurs de continuer à regarder une vidéo ou…
-
l’API Web Speech en javascript : Lecture audio du contenu
L’API Web Speech, accessible en Javascript, offre un ensemble d’outils puissants pour intégrer la reconnaissance vocale et la synthèse vocale dans vos applications web. Cette technologie ouvre de nouvelles perspectives pour l’interaction homme-machine, l’accessibilité et l’innovation web. L’API Web Speech se compose de deux interfaces principales : SpeechRecognition : permet la reconnaissance vocale en temps…
-
ResizeObserver JS : Adapter les éléments suivant leur taille
L’API ResizeObserver en Javascript offre une solution élégante et efficace pour surveiller et réagir aux changements de taille des éléments d’une page web. Ce tutoriel vous explique en détail à travers un exemple de code JavaScript comment utiliser ResizeObserver pour ajuster dynamiquement la taille de plusieurs éléments. Nous allons ajuster la taille des polices d’un…
-
API web-share : Bouton de partage natif du navigateur web
L’API Web Share permet aux développeurs web de partager du contenu de manière native sur des navigateurs qui supportent cette fonctionnalité, comme les smartphones et certains navigateurs. L’API Web Share est une interface JavaScript qui permet de déclencher les fonctionnalités de partage natives d’un appareil. C’est une manière pratique pour les utilisateurs de partager des…