Web 2.0
Multimédia
Internet - AI
Programmation...

Intégrateur Multimédia Web - Raphael Lecerf Gestionnaire Plateforme
bandeau
 

Vidéo chapitrée enrichie avec moteur recherche VTT


15 janvier 2016 HTML5, VIDEO


Vidéo chapitrée enrichie avec moteur recherche VTT

Il est parfois utile lors de longue vidéo de permettre aux utilisateurs de rechercher un passage dans la vidéo par un mot clef. Rien de plus simple tentez l'expérience, cliquez sur [Résumé] et vous verrez apparaitre un moteur de recherche incentive(1).

Ce dernier cherche le mot-clef dans les sous-titres qui sont au format "VTT"(2).

Ce petit script a été pourvu de petites fonctions de chapitrage, lecture de segment, d'avance par tranche de 10s, d'une gestion du volume, ....

Vous trouverez ci dessous, l'explication du code javascript et HTML pour arriver à ce résultat.

 

(1) les phrases apparaitront dans le champ de résultats au fur et à mesure que vous tapez un mot.

(2) Web Video Text Tracks (WebVTT) est le format de sous-titres utilisé par la balise de HTML5.


Le code JAVASCRIPT & HTML :

 

COMING SOON

 

Dans cette rubrique

 

La démo :

 

 



Plan 9 from Outer Space: (1959) by Edward D. Wood Jr.
  00:00 / 00:00

avancement : volume :


RECHERCHE

Statistiques
  • 49 articles
  • Aucun commentaire
  • PluXml