एचटीएमएल 5 वीडियो स्क्रीनशॉट

Question

मैं फिल्म में पूर्वनिर्धारित समय के साथ वीडियो का एक स्क्रीनशॉट लेने की कोशिश कर रहा हूं। तो मैंने इसे कैनवास तत्व के साथ कोशिश की। बात यह है कि जब आप वीडियो की छवि खींचते हैं तो वीडियो चलाना चाहिए, लेकिन मुझे छवि को अभी भी रोके जाने की आवश्यकता है। तो मैं इस कोशिश की:

video.play(); 
context.drawImage(video,0,0,canvas.width,canvas.height); 
video.pause(); 

लेकिन जैसा कि आप शायद कल्पना कर सकते हैं, वीडियो कैनवास ड्राइंग किया जाता है से पहले, कोई स्क्रीनशॉट में जिसके परिणामस्वरूप रुक जाता है। तो drawImage के लिए एक कॉलबैक फ़ंक्शन है? मेरे मामले में, ड्राइंग प्रक्रिया के बारे में 50ms लेता है, लेकिन यह करने के लिए सुरक्षित महसूस नहीं करता: मैन्युअल रूप से का उपयोग कर

setTimeout(function() { video.pause(); }, 50); 

Answer 1

एचएम ... ऐसा लगता है कि वास्तव में एक विरामित वीडियो से एक छवि खींचना संभव है। बस शुरुआत से अंतराल चलते रहो।

Answer 2

मुझे यकीन है कि यह है कि क्या आप के बाद कर रहे हैं है नहीं कर रहा हूँ, लेकिन आप स्क्रीनशॉट लेने की कोशिश की है MWSnap? जब आप स्क्रीनशॉट ले रहे हों तो यह स्क्रीन को फ्रीज करता है, इसलिए मुझे लगता है कि यह आपके लिए काम कर सकता है।

Answer 3

बल्कि आप रोक बहुत कम कुछ करने के लिए वीडियो के playbackrate को सेट कर सकें से (या शून्य है कि अगर काम करता है?):

video.playbackRate = 0.0001; // or 0 

यह प्रभावी रूप से आप के लिए वीडियो थम जाएगा।

तुम भी काले, tranparency 0.99 करने के लिए कैनवास सेट कर सकते हैं और फिर एक गैर काला पिक्सेल के लिए अपनी टाइमआउट में जिसके परिणामस्वरूप छवि को स्कैन:

setTimeout(function() { 
    pixel = context.getImageData(image.width/2, image.height/2, 1, 1); 
    // do something with the pixel, kick off another timeout if it is still has transparency 
}, 50); 

पिछले विधि का उपयोग करते समय वीडियो एक ही से होना चाहिए डोमेन स्क्रिप्ट के रूप में, और सुरक्षा बाधाओं के कारण स्थानीय फाइलों पर काम नहीं करेगा।