เมษายน 2556

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
 
การดึงรูป Thumb ของ Clip video ใน Youtube มาใช้งาน
สืบต่อเนื่องจากบทความที่แล้วนะครับหลังจากที่เราได้ videoID ของคลิปวิดีโอมาแล้วความต้องการต่อไปของเราก็แน่นอว่าเราต้องการภาพ Thumb ของคลิปนั้นให้มาแสดงด้วยซึ่งเราก็จะมีทางเลือกอยู่ 2 ทางก็คือแบบง่าย และแบบยาก (เขียนโปรแกรมเพื่อใช้งาน API ของ Youtube) วันนี้ขอเสนอทางเลือกที่ง่ายก่อนดีกว่านะครับ

การเอารูป thumb ของ video youtube นั้นจะให้ไปเอารูปจาก url นี้ครับ //img.youtube.com/vi/VIDEO_ID/#.jpg? ซึ่ง VIDEO_ID คือ video id ที่เราหาเมื่อกี้นั้นเอง ส่วนเครื่องหมาย # นี้ก็จะเป็นเลข 0 ถึง 3 โดยรูปหมายเลข 0 นั้นจะมีขนาด 480?360 ส่วนหมายเลข 1-3 จะเป็นขนาด 120 x 90 นะครับ

ยกตัวอย่างเช่น ผมต้องการภาพ thumb ของคลิปนี้ https://www.youtube.com/watch?v=GMvBu0jhdYI

ก็ให้ตัดเอา video id ของคลิปมาซึ่งในที่นี่ก็คือ GMvBu0jhdYI เอาไปใส่ไว้ใน URL ที่ผมให้ไว้ตะกี้นะครับหากเขียนเต็มจะได้ดังนี้

//img.youtube.com/vi/GMvBu0jhdYI/0.jpg จะได้ภาพขนาด 480*360



//img.youtube.com/vi/GMvBu0jhdYI/1.jpg จะได้ภาพขนาด 120*90


//img.youtube.com/vi/GMvBu0jhdYI/2.jpg จะได้ภาพขนาด 120*90


//img.youtube.com/vi/GMvBu0jhdYI/3.jpg  จะได้ภาพขนาด 120*90


แค่นี้เองครับไม่ยากเย็นอะไร ส่วนวิธีเขียนเชื่อมกับ API ของ youtube นั้นผมกำลังศึกษาอยู่ครับ
หากเขียนแล้วจะนำมาแชร์กันนะครับ  แน่นอนว่ากันผมลืมด้วยว่าจะเขียนยังไง



Create Date : 15 เมษายน 2556
Last Update : 15 เมษายน 2556 23:01:43 น.
Counter : 1432 Pageviews.

0 comments
ชื่อ : * blog นี้ comment ได้เฉพาะสมาชิก
Comment :
 *ส่วน comment ไม่สามารถใช้ javascript และ style sheet
 

นายก้อนหิน
Location :
เพชรบูรณ์  Thailand

[ดู Profile ทั้งหมด]
 ฝากข้อความหลังไมค์
 Rss Feed
 Smember
 ผู้ติดตามบล็อก : 1 คน [?]



New Comments