Comentário: O HTML5 reproduz vídeos e capturas de tela dinâmicas, um recurso muito elegante e interessante, não suporta Chrom no momento, suporta outros safari não testados. Se você precisar saber, consulte -o adequadamente
Chrom ainda não foi suportado. Apoie Safari. Outros não testadosPrimeiro, consulte o endereço jQuery. Escolha Sina's
<script type = "text/javascript" src = "http://lib.sinaapp.com/js/jquery/1.6/jquery.js"> </script>
Adicione uma tag de vídeo
<Video Controls = "Controls">
<fonte src = "1.mp4" />
</video>
Então JS
<script type = "text/javascript">
$ (). Pronto (function () {
video vide, saída;
escala var = 0,25;
var inicialize = function () {
saída = $ ("#output");
vídeo = $ ("#video"). get (0);
$ ("#Capture"). Clique (CaptureImage);
};
var CaptureImage = function () {
var canvas = document.createElement ("tela");
canvas.width = video.videowidth * escala;
canvas.Height = video.videoHeight * escala;
Canvas.getContext ('2d')
.Drawimage (vídeo, 0, 0, Canvas.width, Canvas.Height);
var iMg = document.createElement ("img");
img.src = canvas.todataurl ();
output.Prepend (IMG);
};
$ (inicializar);
});
</script>
Não vou postar as renderizações.