[Suggestion] Outils pour la création de tutoriels animés, vidéos & Intéractifs

[AlexJean]

Bonjour,

Je suis à la recherche d'une solution pour créer des tutoriels animées et ou des vidéos avec annotation pour créer de petits tutos pour guider les visiteurs sur mon site. J'ai recherché longuement sur google et sur des forums, il existe beaucoup de solutions payantes comme Adobe Captivate, mais hors de prix (surtout pour réaliser des tutos de quelques minutes...). Je travaille essentiellement sous linux et j'ai trouvé des solutions alternatives (Libres et gratuites) pour tout faire, sauf pour mettre des annotations facilement sur une vidéo.

Et vous, vous utilisez quels outils pour créer des tutoriels ?

Je me demandais également s'il n'existerais pas des extensions Joomla ou autres pour faire des tutos interactifs (en html5 par exemple) sur son site ?

PS: Si les modérateurs sont d'accord, je pourrais faire la liste des logiciels utiles et autres outils pour la création de tutoriels animés et de tutos vidéos. Je pourrais également mettre cette liste à jour au fur et à mesure en éditant ce post. Ce serait ma modeste contribution sur ce forum.

[Five_Phil]

Re : Outils pour la création de tutoriels animés, vidéos & Intéractifs

Hello,
Il y a Camtasia, payant dans les 200€ pour windoo

[pmleconte]

Re : Outils pour la création de tutoriels animés, vidéos & Intéractifs

Bonjour,

J'ai testé récemment Wink (http://www.debugmode.com/wink/) et mis en ligne 2 petites vidéos pour expliquer certains paramétrages Joomla dont https://www.conseilgouz.com/index.ph...u-personnalise

Comme écrit, je débute sur ce type de support, mais, l'outil Wink (gratuit) permet pas mal de choses: captures écran, texte, son (je n'ai pas utilisé),....

C'est sous Windows.

Pascal

[toffffe]

Re : Outils pour la création de tutoriels animés, vidéos & Intéractifs

Salut
Pour ma part j'utilise camtasia
TU peux aussi faire des tutovidéo maintenant avec powerpoint, il y a un outils pour cela
Pas mal pmleconte ce que t'a permis de faire wink

[roland_d_alsace]

Re : Outils pour la création de tutoriels animés, vidéos & Intéractifs

Hello.

Pour ma part j'utilise le même logiciel que celui qui me permet de faire mes montages vidéo (pinnacle/avid).

Il y a un outil que fait la capture d’écran ou d'une zone d'écran.
Il fonctionne en multi-écrans (j'ai entre 3 et 6 écrans sur mes postes), capture ou non les sons système, met une petit animation au clic de souris.

Ensuite le reste (les bulles, les titres), c'est du montage avec le logiciel.

Cela vaut un centaine d'euros (attention la version de base ne permet pas la capture d'écran), mais fonctionne sous Windows et pas sous Linux.

Un exemple que j'ai réalisé (mais ce n'est pas sur Joomla)

[AlexJean]

Re : Outils pour la création de tutoriels animés, vidéos & Intéractifs

J'ai testé récemment Wink (http://www.debugmode.com/wink/) et mis en ligne 2 petites vidéos pour expliquer certains paramétrages Joomla ...[/url]

J'utilise aussi Wink pour faire des captures (la version 2 fonctionne aussi sur linux avec wine). Le concept de ce logiel est génial, mais son dévellopement a été arrété et on ne peut pas exporter en tant que vidéo. On ne peut exporter qu'en flash et le soucis c'est que le flash devient obsolète avec le html5... Wink ne sort pas une vidéo au format flash, mais 3 fichier à intégrer à son site (l'animation en .swf, un javascrit et un fichier html), donc impossible de la convertir en mp4 par exemple. Par contre pour faire des captures d'écran avec annotations c'est nickel.

J'ai cherché en vain un logiciel qui ferait la même chose avec exportation en Html5 (pour le coté intéractif) et exportation en vidéo pour partager ses tutoriels.

[roland_d_alsace]

Re : Outils pour la création de tutoriels animés, vidéos & Intéractifs

....
J'ai cherché en vain un logiciel qui ferait la même chose avec exportation en Html5 (pour le coté intéractif) et exportation en vidéo pour partager ses tutoriels.

Ca c'est plutôt le rôle de l'outil de mise en ligne .

Pour cela j'utilise le composant hwdmediashare qui le fait bien (qui réalise aussi la conversion des vidéos dans la plupart des formats et dans différentes définitions).

....
J'ai cherché en vain un logiciel qui ferait la même chose avec exportation en Html5 (pour le coté intéractif).

Qu'appelles-tu 'le coté interactif' : visites virtuelles (avec vidéo intégrées) ou vidéos 360° ?

Pour les panoramas et visites virtuelles j'utilise kolor panotour + livepano et phoca panorama pour la mise en ligne (mais ce n'est pas indispensable -c'est juste pour la gestion des catégories et la galerie des visites virtuelles- Panotour sortant tout le html nécessaire pour chaque visite),

et pour les vidéo 360° Pinnacle studio sait les gérer depuis sa dernière version 20 ultimate.
Reste à avoir une bonne Caméra 360 à un prix abordable (j'attends avec impatience d'essayer la nouvelle Nikon 360 dont la sortie n’arrête pas d'être différée).

Mais on est dans des outils payants (faut pas rêver )...

[roland_d_alsace]

Re : Outils pour la création de tutoriels animés, vidéos & Intéractifs

Bonjour,

J'ai testé récemment Wink (http://www.debugmode.com/wink/) et mis en ligne 2 petites vidéos pour expliquer certains paramétrages Joomla dont https://www.conseilgouz.com/index.ph...u-personnalise

Comme écrit, je débute sur ce type de support, mais, l'outil Wink (gratuit) permet pas mal de choses: captures écran, texte, son (je n'ai pas utilisé),....

C'est sous Windows.

Pascal

Salut Pascal.

Moi je n'installe plus systématiquement FlashPlayer sur mes postes de travail (ta vidéo est au format d'adobe et j'ai du installer le plugin navigateur pour la voir).

Je préfère le format mp4 pour la mise en ligne de vidéos, format qui 'passe' quasiment sur tout les terminaux sans ajout de plugins.

Mais à nouveau hwdmediashare me règle tous ces problèmes car il génère aussi le fichier flv quand j'updload un mp4 (selon paramétrage du composant bien sûr).

[daneel]

Re : Outils pour la création de tutoriels animés, vidéos & Intéractifs

Bonjour,

Pour ceux qui regrettent wink, vous pouvez tester le petit projet d'étudiant Ensimag réalisé en 2013

http://dahuapp.github.io/

Il n'y a pas l'audio mais l'enregistrement de l'écran se transforme en pages animées html5/javascript/css.
Ce n'est pas de la vidéo, c'est donc plus léger et ce n'est pas flash!
@pmleconte : N'hésite pas à tester et comparer avec wink

Autre alternative open source, c'est open broadcaster software Studio : https://obsproject.com/
Pour les gamers filmant leurs exploits en direct sur twitch, yt et facebook, cela reste un excellent logiciel de capture video, y compris dans la réalisation de screencasts. On peut l'utiliser avec des petits programmes comme zoomit pour obtenir le même effet que camtasia, annotations d'écrans, etc... Bien configuré, on peut faire des choses assez sympa !

Pour les pros, je suis plus pour les produits de telestream (Screenflow, Wirecast) que Camtasia mais c'est une autre histoire.

[fynhooft]

Re : Outils pour la création de tutoriels animés, vidéos & Intéractifs

Bonjour,

Pour info, la vidéo GetJoomla : installer joomla! en 30 secondes a été réalisé avec le logiciel Active Presenter

@daneel
Ne serait-il pas possible de mettre un lien sur la vidéo, quelque part, dans joomla.fr ?

[daneel]

Re : Outils pour la création de tutoriels animés, vidéos & Intéractifs

Pour des tutoriels animés, on peut également utiliser des logiciels d'animations html5

- exemple avec hippani animator :

https://www.hippani.com/?S=AnimatorGallery&C=IB32

- exemple avec Hype sur mac ( http://tumult.com/hype/gallery/ )

http://www.tommyng.com/dorinku/

- les slideshows revolution slider et smart slider dispose d'effets assez similaires

http://www.unitecms.net/joomla-extensions/unite-revolution-slider-responsive

http://smartslider3.com/

@fynhooft : cela ne dépend pas de moi et le portail est actuellement en refonte.

[lefabdu51]

Re : Outils pour la création de tutoriels animés, vidéos & Intéractifs

pour ajouter des texte sur une video:
utiliser avidemux et preparer les textes comme des sous titres et ensuite les incruster dans la video directement.

[lefabdu51]

Re : Outils pour la création de tutoriels animés, vidéos & Intéractifs

pour travailler une video:
avidemux.
pour travailler le son (un equivalent à cool edit pro + enregistrements audio) :
audacity.

2 projets libre portés sous windows