Liste de lecture vidéo dynamique en HTML5 et autres

Question

Je voudrais savoir si avec HTML5 et JavaScript - et un soutien relatif dans les versions ultérieures du navigateur, plus une technologie côté serveur PHP pourrais-je gérer une playlist vidéo dynamique.

Je voudrais lire video1, video2, video3 (placé dans un sous-répertoire du serveur Web) et faire une boucle. Je voudrais ensuite ajouter une vidéo (video4) et ensuite le système devrait lire video1, video2, video3, video4 (loop). Avec PHP je peux facilement ajouter le fichier video4 dans le sous-répertoire mais je ne connais pas de boucle de playlist en HTML5/ECMA/JavaScript.

Est-ce possible et facile à mettre en œuvre?

Merci d'avance.

Answer 1

Cela serait relativement facile à mettre en place. Du côté PHP, vous feriez la détection de ce qui se trouve dans votre sous-répertoire et, sur la base de cette sortie, le code HTML, tout est dans votre page.

Vous pouvez ensuite démarrer cette vidéo HTML5 avec JQuery et utiliser un rappel pour démarrer la suivante. Si le rappel est le dernier, vous recommencez.

exemples de code pertinents:

En PHP obtenir les fichiers dans le sous-répertoire avec:

$dir = '/subdirectory'; 
$videoFileNames = scandir($dir); 
// $videoFilesNames[0-...] is now the file names you can use to create the HTML 

En JQuery, vous pouvez lancer la vidéo avec:

$('#videoId').get(0).play(); 

Catch le rappel avec:

$("#videoId").bind("ended", function() { 
    // ... 
}); 

Answer 2

Vous pouvez créer un formulaire XML qui répertorie toutes les sources vidéo et définir le titre et ainsi de suite, puis l'appeler dans votre code HTML. Si vous ne savez pas comment faire cela, je peux envoyer à quoi ressemble le mien.