HTML5 joue des étapes et du code de mise en œuvre de la capture d'écran vidéo et dynamique (prend en charge d'autres safari non testés)

Commentaire: HTML5 joue des vidéos et des captures d'écran dynamiques, une fonctionnalité très à la mode et cool, ne prend pas en charge Chrom pour le moment, prend en charge d'autres safari non testés. Si vous avez besoin de savoir, veuillez y consulter de manière appropriée

Référez-vous d'abord à l'adresse jQuery. Choisissez Sina

<script type = "text / javascript" src = "http://lib.sinaapp.com/js/jquery/1.6/jquery.js"> </ script>

Ajouter une balise vidéo

<video contrôles = "Controls">

<source src = "1.mp4" />

</ vidéo>

Puis js

<script type = "text / javascript">

$ (). Ready (function () {

VAR VIDÉO, sortie;

Échelle VAR = 0,25;

var initialize = function () {

output = $ ("# output");

vidéo = $ ("# vidéo"). get (0);

$ ("# capture"). Cliquez sur (captureImage);

};

var captureImage = function () {

var canvas = document.CreateElement ("canvas");

Canvas.Width = Video.VideOwidth * Échelle;

canvas.height = vidéo.videoheight * échelle;

canvas.getContext ('2D')

.DrawImage (vidéo, 0, 0, canvas.width, canvas.height);

var img = document.CreateElement ("img");

img.src = canvas.todataurl ();

output.prepennd (IMG);

};

$ (initialiser);

});

</cript>

Je ne publierai pas les rendus.