Vidéo chapitrée enrichie avec moteur recherche VTT

15 janvier 2016 HTML5, VIDEO
HTML5 VTT VIDEO RICHMEDIA

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⁽¹⁾.

Ce dernier cherche le mot-clef dans les sous-titres qui sont au format "VTT"⁽²⁾.

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

• API player Youtube démystifié
• Fonctions avancées du player Youtube
• API Player VIMEO démystifié
• Player natif & API de VIMEO
• Chapitrer une Vidéo VIMEO

La démo :

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

Play Mute   00:00 / 00:00

avancement : volume :

[ Fullscreen ] << >> CH1 CH2 CH3 Résumé Feedback segment 1 (20s) Feedback segment 2 (20s)