6
votes

Objets interactifs vidéo HTML5

Est-ce que quelqu'un sait si HTML5 vidéo permet aux objets comme des boutons, du menu, etc. connectés à la chronologie?

YouTube Flash Player Faites ceci: En instant spécifique, affichez un objet (bannière, liens, commentaires) sur la vidéo pour les secondes définies.

merci


1 commentaires

La balise vidéo HTML5 joue la vidéo, mais elle dispose également de nombreuses fonctionnalités qui vous permettent d'ajouter une couche d'interactivité au-dessus de la vidéo. Popcorn.js Est-ce que cela, et H5P dispose également d'une vidéothèque interactive où vous pouvez ajouter des informations textuelles supplémentaires, des images et des questionnaires à la chronologie vidéo.


4 Réponses :


4
votes

Ce n'est pas une partie de la norme de la vidéo HTML5, mais il est facile à mettre en œuvre manuellement en appuyant sur certains scripts dans l'événement . En regardant la propriété actuelle de l'objet vidéo, vous pouvez décider quand afficher / masquer des éléments supplémentaires.

Afficher par exemple un élément sur une vidéo comprise entre 1 et 2 secondes dans une vidéo: < / p> xxx


1 commentaires

De plus, s'il s'agissait simplement de texte statique Webvttt (et l'un des nombreux polyfillés) pourrait être utilisé.



5
votes

oui et non, Il est possible de créer des présentations vidéo très interactives à l'aide d'objets vidéo HTML5, mais cela nécessite beaucoup plus que l'objet vidéo lui-même. Vous pouvez nier la vidéo dans un objet Canvas puis décoller avec les cadres d'image vidéo réels, vous pouvez superposer n'importe quel élément Visual HTML sur le dessus de l'objet vidéo lui-même, puis vous pouvez contrôler la lecture vidéo avec des boutons, cliquez sur Events, etc. Vous pouvez Même si l'objet vidéo contrôle le reste de la page avec des auditeurs temps basés sur le temps.

Popcorn.js est vraiment vraiment bon et facile à apprendre, vous permettant de faire tout ce que vous avez mentionné. http://popcornjs.org

http://popcornjs.org/demos


2 commentaires

Je suppose que les vidéos à l'intérieur de la toile sont les solutions les plus complètes.


Oui, c'est un environnement plus contrôlé que le DOM, il est également moins lourd de ressources, car les éléments DOM sont légèrement rendus différemment par le navigateur et sont soumis à de nombreux auditeurs et événements mondiaux. Il serait plus accessible de le faire via le DOM.



1
votes

x2tv ( www.x2.tv ) a un studio de glisser-déposer où vous pouvez superposer des icônes et un contenu supplémentaire dans la couche HTML5.


0 commentaires

0
votes

Si vous souhaitez utiliser un cadre plus générique https://github.com/nise/vi -Two serait intéressant pour vous.


0 commentaires