Nicolas Brodu a écrit 1 commentaire

  • # Outil permettant d'enregistrer le son et de synchroniser les pages

    Posté par  . En réponse au journal Faire un diaporama commenté en HTML5. Évalué à 3.


    L'inconvénient de cette technique c'est que ça reste artisanal pour le moment: il n'y a pas d'outils dédiés et tout se fait à la main. Par exemple, la gestion du son demande un sacré temps de préparation: l'enregistrement doit être de bonne qualité et surtout, il faut se tapper la synchronisation des diapos et des sous-titres à la main ce qui est fastidieux.

    Eh bien, il se trouve que j'ai écrit précisément un tel outil: [http://www.encours.org]. Il a même été nominé récemment aux étoiles du libre :)

    Pour l'instant je génère des vidéos complètes en Ogg/Theora, affichées en HTML 5 + fallback pour les malheureux qui ne le lisent pas. Exemple de résultat en vidéo:[http://www.encours.org/presentations/causalityML100211MD/rep(...)] L'affichage est un peu rudimentaire, mais ma TODO list est plus longue que mon temps disponible...

    La vidéo elle-même est générée à partir des évènements de transition des pages, qui sont enregistrés de façon synchrone avec le son. Ce qui répond au commentaire cité ci-dessus : rien n'empêche de générer un slideshow avec juste la piste son au lieu d'une vidéo.

    Resterait plus qu'à extraire les titres des pages du PDF pour générer automatiquement un index, puis un simple « document.getElementById(element_video).currentTime=moment_choisi » et le tour est joué (je déjà appliqué cette technique dans d'autres projets) : en cliquant sur un lien de l'index, on positionne automatiquement la video/son au bon endroit. Du style de ce qu'on peux voir sur les videos de l'excellent [http://videolectures.net/] (même si uniquement en Anglais et pas en HTML5).

    Avis aux amateurs :)