Afficher une vidéo à partir d'une Goutte de Javascript

Je voudrais afficher une vidéo à partir d'un Javascript Blob/Fichier objet dans la balise vidéo HTML5.

Ce code ne fonctionne que pour les petites vidéos : 

var reader = new FileReader();
reader.onload = function(e) {
    document.getElementById("video").src=reader.result;
 }
reader.readAsDataURL(vid);

Je ne peux pas l'utiliser pour les gros vidéos (> 10 MO).
Est-il une solution pour afficher une grosse vidéo à partir d'un objet blob en HTML 5?

  • Pouvez-vous nous donner plus d'info sur ce qu'est la question?
  • Par exemple, le Chrome et Firefox à l'arrêt quand ils ont essayé de lire un de 15 MO de mémoire vidéo. Je pense que c'est en raison de la taille de la vidéo. Les navigateurs ne peuvent pas lire et afficher un 15MO chaîne de caractères dans le code HTML.
InformationsquelleAutor Antonin M. | 2013-01-14
  1. 38

    Que j'ai trouvé. C'était tellement simple que je n'ai pas même le voir...

    function display(vid){

    var video = document.getElementById("video");
    video.src = window.URL.createObjectURL(vid);

}
    • ...et voici une démo: simpl.info/video/offline
    • Ce type est le vid paramètre?
    • il est d'une Goutte ou d'un Fichier objet
    • Est-ce seulement moi qui est toujours aux prises avec elle? Désolé, pas de travail pour moi.
    InformationsquelleAutor Antonin M.
  2. 0

    Dans certains cas blobObject.les données doivent être fournies dans createObjectURL() la méthode.
    Voir cette simple astuce:

    function playVideo(videoStream){ //as blob 

 var video = document.querySelector('video');

 var videoUrl=window.URL.createObjectURL(videoStream.data);//blob.data gives actual data

 video.src = videoUrl;
}
    InformationsquelleAutor susan097