quelle combinaison de technologie dois-je utiliser pour créer un lecteur vidéo avec une interface utilisateur personnalisée dans le nouveau code HTML 5

Question

J'essaie de faire quelque chose de simple pour le moment. Je fais un lecteur vidéo pour les enfants autistes. L'idée étant: un lecteur vidéo fonctionne sur une tablette (ipad/android). Un tap (n'importe où sur l'écran) bascule l'état de la vidéo entre lecture/pause.

Pour l'instant, j'essaye de l'obtenir juste pour fonctionner sur une combinaison chrome/firefox browser + PC. J'ai lu sur le problème en cours avec les codecs, et je suis familier avec l'ensemble du problème open source/codecs payés. En ce moment, je veux juste mettre la fonctionnalité en place. Configurer un lecteur vidéo et le diriger vers la bonne source est une évidence. Je me demandais ce que serait un bon moyen de capturer l'événement de l'utilisateur pour tapoter n'importe où sur l'écran et qui bascule l'état de lecture. Je voulais essayer quelques-unes des nouveautés HTML5, mais les technologies/options sont accablantes. Quelqu'un peut-il me suggérer quelle bibliothèque/technologie serait un bon ajustement (jquery/une autre bibliothèque js)? En faisant cela, j'aimerais explorer l'utilisation d'une bibliothèque que je pourrais utiliser dans d'autres projets futurs.

Merci pour votre temps.

Answer 1

Pourriez-vous éventuellement envelopper un div autour de la chose entière et joindre un événement onclick à la div qui se déclenche entre pause et jouer?

<script> 
var playing = 1; 

function togglePlay(){ 
    if(playing){ 
     tellVideoPlayerToStop(); 
     playing = 0; 
    } else { 
     tellVideoPLayerToStart(); 
     playing = 1; 
    } 
} 
</script> 

<div id="divid" onclick="togglePlay();"> 
    //Video player goes here. 
</div> 

C'est trop simplifié mais l'idée générale est là non?

Answer 2

Here C'est une belle liste à regarder. Ils ont tous leurs propres avantages et inconvénients. Vous aurez juste besoin de choisir la bibliothèque la mieux adaptée à vos besoins et de construire à partir de là.