HTML5 drawimage de la vidéo sur la toile
J'essayais de capturer une image à partir de la vidéo et le dessin de la toile à l'aide de HTML5, mais le code ci-dessous ne fonctionne pas. quand je clique sur le bouton démarrer de la toile est remplie avec la couleur noire
<video src="video2.mp4" autoplay="true" type="video/mp4" width="300" height="200" id="vid">
</video>
<canvas id="cvs"> </canvas>
<button onclick="start()">Start</button>
<script>
var video=document.getElementById("vid");
var cvs=document.getElementById("cvs");
function start(){
cvs.getContext("2d").drawImage(video, 0, 0, 300,200);
}
</script>
OriginalL'auteur Manoj kumar | 2012-09-04
Vous devez vous connecter pour publier un commentaire.
J'ai eu exactement le même problème, et je pense qu'il a eu avec le format de la vidéo. Ma vidéo a été H264 dans un .conteneur mp4. Lorsque j'ai utilisé une .vidéo ogg, exactement le même code a fonctionné parfaitement.
Je suis en utilisant le code à partir du lien fourni par Romin.
OriginalL'auteur jairbow