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

Adblock Detected

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