ඔබ YouTube වීඩියෝවක් බලමින් PrintScreen ඔබා පේස්ට් කළාම, වීඩියෝව නෑ කියලා කලු කොටුවක් පෙනෙනවාද? පේනවා වින්ඩෝව, නියන්ත්රණ බටන්, නමුත් වීඩියෝ පින්තූරය සම්පූර්ණයෙන්ම අඩුයි. මේකේ හේතුව කුමක්ද කියලා දැන් පැහැදිලි කරමු.
අපේ බොහෝ පරිගණක වල, වීඩියෝ පෙන්වීම hardware acceleration (GPU) භාවිතා කරයි. ඩිකෝඩරය විසින් පෙන්වන පින්තූරය GPU වෙත යවා, අවසාන මොහොතේ overlay plane එකක එක් කරයි. මේ නිසා වීඩියෝ පින්තූරය සාමාන්ය වින්ඩෝ පෘෂ්ඨයට (window surface) ඇතුළත් නොවේ. තිර රූපයක් ගන්නා විට, පද්ධතිය වින්ඩෝ පෘෂ්ඨය පමණක් කියවයි; overlay plane එකේ අඩි පසුබැසීමේ වර්ණය කලු බැවින් කලු කොටුවක් ලැබෙයි.
ඒ නිසා සමහර යන්ත්ර වල PrintScreen වැඩ කරනවා, වෙනත් යන්ත්ර වල අසාර්ථක වෙනවා. GPU ධාවක (driver) යාවත්කාලීන කිරීමෙන් හෝ හාර්ඩ්වේයා අක්සලරේෂන් අක්රිය කිරීමෙන් මේ ගැටළුව පේනවා.
වීඩියෝවෙන් සෘජු පින්තූරයක් ගන්න, window capture නොකර <video> එලමෙන්ට් එකෙන් පින්තූරය ලබාගන්න. පහත පියවර අනුගමනය කරන්න:
1. console එකේ const v = document.querySelector('video'); යනුවෙන් වීඩියෝ එලමෙන්ට් ලබාගන්න.
2. const c = document.createElement('canvas'); නව කැන්වස් එකක් සාදන්න.
3. c.width = v.videoWidth; c.height = v.videoHeight; කියා වීඩියෝගේ නිරවද්ය රෙසලූෂන්ට සමාන කරගන්න.
4. c.getContext('2d').drawImage(v,0,0); මගින් පින්තූරය කැන්වස් එකට ඇඳගන්න.
5. c.toBlob(b=>open(URL.createObjectURL(b)),'image/png'); මගින් PNG ලෙස විවෘත කරන්න.
මෙම ක්රමය භාවිතා කරද්දි v.videoWidth භාවිතා කිරීම වැදගත්. එය ඩිකෝඩ් වීඩියෝවගේ මූලික රෙසලූෂන් දක්වයි; clientWidth භාවිතා කළහොත් CSS පරිමාණයට අනුව පින්තූරය අඩු කරයි, 4K වීඩියෝවක් 640px පමණට පමණක් පෙනෙයි.
ශ්රී ලංකාවට ඇති වැදගත්කම
ශ්රී ලංකාවේ විශ්වවිද්යාල සිසුන්, කේතකරුවන්, සහ දැනුම් ව්යාපාරිකයන්ට මෙම තාක්ෂණය විශාල වාසි ලබා දෙයි:
- ඉගෙනුම් සටහන් – පළපුරුදු වීඩියෝ පංතියේ වැදගත් දෘශ්ය තොරතුරු තිර රූපයක් ලෙස සුරක්ෂිත කර, පසුව සලකා බලන්න.
- සංවාද සහ ඉදිරිපත් කිරීම – පරිඝණක සලකුණු, සමාජ මාධ්ය, හෝ PowerPoint ප්රදර්ශනයේදී නිශ්චල පින්තූරයක් ලෙස ඇතුළත් කර, තොරතුරු පැහැදිලි කිරීමේ හැකියාව වැඩි වේ.
- විකසකයින්ගේ මෙහෙයුම – වෙබ් අඩවි හෝ ඇප්ලිකේෂන් තුළ video element එකෙන් පින්තූරයක් ගෙන, AI හෝ ML මොඩලයන්ට දත්ත සපයන්න පුළුවන්.
මෙම ක්රමය භාවිතා කිරීමේදී DRM ආරක්ෂිත වීඩියෝ (උදා: Netflix, Amazon Prime) සඳහා පින්තූර ගත නොහැක. නමුත් YouTube හි සාමාන්ය වීඩියෝවන් සඳහා සම්පූර්ණයෙන්ම සාර්ථකයි.
අවසානයේ, “Screenshot for YouTube – Video Frame Capture” නමින් නිදහස් Chrome එකතුකාරකයක් ඇත. එය කැමරා බොත්තම, Alt+S යතුරු සංයෝගය, PNG/JPEG සුරක්ෂිත කිරීම හෝ Clipboard එකට පිටපත් කිරීම වැනි පහසුකම් දෙනවා. ඔබට අවශ්ය පින්තූරය එක ක්ලික් එකෙන්ම ලබා ගත හැක.
ඔබත් මේ ක්රමය අත්හදා බැලුවාද? වීඩියෝ තිරරූප ගන්නා ගැටළුවට පිළිතුරක් මෙන්න!
