O HTML5 reproduz etapas e código de implementação de captura de tela dinâmica (suporta outros safari não testados)

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

Primeiro, 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.