BeginningDeveloperFeaturedIdea for TechologyLife StyleMarketing StrategyNewbieProgramming LanguageSocial MediaSocial Media MarketingThe ThinkerVideosWeb Service TechnologyYouTube Developer

เทคนิคเบาๆ วิธีดึงภาพ Thumbnail ของวีิดีโอใน YouTube

เทคนิคเบาๆ ไม่ต้องง้อการดึง API สำหรับใครที่อยากได้รูปประกอบวีดีโอของ YouTube มาใช้กับ Blog ของตัวเองหรือเอามาเป็นภาพประกอบโดยไม่ต้องง้อสกิลของ Programmer

พื้นที่โฆษณา: แนะนำภาพยนตร์ใหม่ที่กำหลังเข้าฉายอยู่อย่างเรื่อง Elysium กับรีวิวสนุกๆ ครับ

[fb_embed_post href=”https://www.facebook.com/MovieLoveDesigner/posts/204939023018145″/]

แน่นอนว่าช่วงนี้ไม่ค่อยมีเวลาเข้ามา Update บทความมากนัก แต่ก็ไม่อยากจะ หายหน้าหายตาไปจาก อินเทอร์เน็ตเลยต้องพกเอากลเม็ดเด็ดมาแบ่งปัน สั้นๆ เป็นบทความเบาๆ ที่หลายคนอาจจะเคยรู้แล้ว และหลายคนอาจจะนึกไม่ถึงแน่นอน นั่นคือการ ดึงภาพ Screen Shot จากวีดีโอของ YouTube มาเป็นไฟล์รูปภาพไว้ใช้ประกอบบทความ ไม่ต้องเอามาตกแต่ง แล้วอัพโหลดใหม่เคยครับ

วิธีง่ายๆ ยิงผ่าน URL ตรงๆ เลยครับ

เช่นผมต้องการภาพประกอบจาก คลิปนี้ ผมก็เข้าไปที่ URL

http://www.youtube.com/watch?v=NncChbHfKcw

ก็จะเห็น หน้า YouTube ปรกติครับ

URL: http://www.youtube.com/watch?v=NncChbHfKcw
URL: http://www.youtube.com/watch?v=NncChbHfKcw

วิธีการนั้นก็คือ เอา Parameter หลัง ?v= บน URL อย่างใน

http://www.youtube.com/watch?v=NncChbHfKcw

เราก็จะเอาแค่ NncChbHfKcw มาใช้ครับ ให้ลองยิง URL ต่อไปนี้ครับ

  • http://img.youtube.com/vi/<ใส่ค่าตรงนี้>/0.jpg

  • http://img.youtube.com/vi/<ใส่ค่าตรงนี้>/1.jpg

  • http://img.youtube.com/vi/<ใส่ค่าตรงนี้>/2.jpg

  • http://img.youtube.com/vi/<ใส่ค่าตรงนี้>/3.jpg

เช่นผมลอง ยิงผ่าน http://img.youtube.com/vi/NncChbHfKcw/0.jpg

สิ่งที่จะได้คือภาพนี้ครับ

มาจาก URL http://img.youtube.com/vi/NncChbHfKcw/0.jpg

และลอง ยิงไปเรื่อยๆ ก็จะได้ตัวอย่างประมาณนี้ครับ

จาก URL: http://img.youtube.com/vi/NncChbHfKcw/2.jpg
จาก URL: http://img.youtube.com/vi/NncChbHfKcw/1.jpg

นอกจากนี้ยังสามารถยิงได้ อีกหลายรูปแบบ ครับเพื่อได้ คุณภาพของรูปภาพ Thumbnail ที่แตกต่างจาก YouTube ครับ

http://img.youtube.com/vi/<ใส่ ตัวแปรที่ได้จาก URL>/default.jpg
จะได้ภาพ Thumbnail ที่เป็น High Quality

http://img.youtube.com/vi/<ใส่ ตัวแปรที่ได้จาก URL>/hqdefault.jpg
จะได้ภาพ Thumbnail ที่เป็น Medium Quality

http://img.youtube.com/vi/<ใส่ ตัวแปรที่ได้จาก URL>/mqdefault.jpg
จะได้ภาพ Thumbnail ที่เป็น Standard Quality ไฟล์ไม่ใหญ่มาก

http://img.youtube.com/vi/<ใส่ ตัวแปรที่ได้จาก URL>/sddefault.jpg
จะได้ภาพ Thumbnail ที่เป็น SD ธรรมดา

http://img.youtube.com/vi/<ใส่ ตัวแปรที่ได้จาก URL>/maxresdefault.jpg
จะได้ภาพ Thumbnail ที่เป็น Max Resolution ตามไซส์ครับ

ทดสอบลองใช้ หน่อยสัก 2 ภาพ

ดึงแบบ http://img.youtube.com/vi/NncChbHfKcw/hqdefault.jpg
ดึงแบบ http://img.youtube.com/vi/NncChbHfKcw/hqdefault.jpg

อันนี้ดึงแบบ Max Resolution ต้องกด ที่ Link นี้เพื่อดูภาพเต็ม http://img.youtube.com/vi/NncChbHfKcw/maxresdefault.jpg

กดที่ภาพเพื่อดู คุณาพของ ภาพ Thumbnail แบบ MAX

หวังว่า คงได้ประโยชน์จากบทความนี้กันนะครับ ง่ายมากๆ แทบไม่ต้อง คิดอะไรยุ่งยากเลยในการดึงภาพประกอบ วีดีโอ

Asst. Prof. Banyapon Poolsawas

อาจารย์ประจำสาขาวิชาการออกแบบเชิงโต้ตอบ และการพัฒนาเกม วิทยาลัยครีเอทีฟดีไซน์ & เอ็นเตอร์เทนเมนต์เทคโนโลยี มหาวิทยาลัยธุรกิจบัณฑิตย์ ผู้ก่อตั้ง บริษัท Daydev Co., Ltd, (เดย์เดฟ จำกัด)

Related Articles

Back to top button
Game & Mobile Development AR VR XR
Privacy Overview

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.

Adblock Detected

เราตรวจพบว่าคุณใช้ Adblock บนบราวเซอร์ของคุณ,กรุณาปิดระบบ Adblock ก่อนเข้าอ่าน Content ของเรานะครับ, ถือว่าช่วยเหลือกัน