5577 sujets

Sémantique web et HTML

Bonjour,

je voudrais construire pour l'un de mes sites une présentation/animation. Il s'agit de montrer l'action d'un correcteur de texte. J'ai besoin du texte affiché avec les fautes, d'une petite animation de souris qui va cliquer sur un correcteur dans la barre des menus et le résultat de la correction qui s'affiche. Je souhaiterais en plus que la correction se fasse au ralenti, afin qu'on la distingue bien. Le tout inséré sur une page web. J'ai cherché et je suis tombé bien sûr sur Canva. Le nombre de template proposé est très grand, je ne sais pas trop lequel choisir pour mon cas. Comment faites-vous ? Avec Canva ou une autre application ?
Je pourrais aussi tout simplement filmer mon écran en action, mais c'est lourd, sans ralenti et la vidéo d'un écran qui scintille n'est pas de bonne qualité. Je veux donc une animation, comme on en voit sur des milliers de sites. Canva est tout indiqué, je crois.
Merci.
Bonjour Bongota,

Je ne connais pas du tout caneva et les animations avec, mais avant d'aller plus loin considère ces deux points (l'enregistrement et la restitution) :

1. Il y a des systèmes de capture d'écran qui enregistrent des séquences vidéos et pas seulement des images (sur les distributions à base de debian/Linux cette fonction est souvent native).

2. Quand à la redistribution, pourquoi pas utiliser un GIF animé plutôt qu'une balise canvas) ? Si l'on veut quelque chose de léger, pour une vidéo courte de présentation, c'est l'idéal. Certains sites web proposent de convertir une vidéo en GIF animés.
Modifié par Olivier C (10 Mar 2025 - 03:38)
Je ne savais pas que certains systèmes de capture d'écran pouvaient enregistrer des séquences vidéos. Pour ce qui est de la redistribution, tu as raison, mais le Gif animé est aussi proposé en exportation avec Canva.
Canva, je l'ai utilisé pour la première fois hier. C'est parce que mon enfant s'en sert au collège que je l'ai découvert. Il semble même que l'Éducation Nationale l'utilise massivement, ce qui n'est pas forcément une référence. Canva est en effet très lourd à l'utilisation et à l'exportation. Il produit allègrement des fichiers de 12 Mo. Je parle de fichier texte et images fixes, pas de vidéo.
Je suis étonné que ce problème ne soit pas plus connu. Il y a pourtant sur le net des milliers d'animations de présentation de code.
Je vois sur cette page un post de Lionel. S'il passe par ici, il pourrait me dire comment il a fait, c'est exactement ce que je veux. C'est pourtant une vidéo. Il n'est pas possible de filmer un écran sans voir les bords ou autres parasites apparaître sur la vidéo ?
https://www.youtube.com/watch?v=M_vwykP1h6U
Modifié par Bongota (10 Mar 2025 - 08:03)
Bonjour,

il faut utiliser un logiciel spécifique de capture d'écran, celui que j'utilise est Camtasia, le plus complet je pense, même si les versions récentes sont un peu lentes.

Il y a des équivalents gratuits je pense, il suffit de faire une recherche sur "équivalent Camtasia", ou "alternative à Camtasia" dans google...
Merci bien Lionel.
J'ai cherché un équivalent libre qui fonctionne sur Linux et j'ai trouvé OBS Studio, qui était déjà sur ma machine, sans que je le sache !
Il faut prendre en main l'outil, ça ne se fait pas de quelques coups de souris, mais les capacités sont intéressantes. Il ne remplace cependant pas Camtasia, qui permet beaucoup d'autres choses. Je vais tester le logiciel et reviendrai donner des nouvelles. J'espère m'en sortir avec OBS.
https://alternativeto.net/software/camtasia-studio/?feature=screen-recorder
Sinon, il y a tous les monteurs vidéo, mais il ne faut pas oublier qu'il faut enregistrer ce qui est sur un écran.
Merci, mais je ne suis pas sur Mac.
Il y a beaucoup d'éditeurs de vidéos qui peuvent faire grossièrement l'affaire. Mais faire une présentation comme celle que fait Lionel sur ce forum, c'est autre chose.
L'apprentissage de OBS est long, le logiciel est complet.