PHP : Flickr

กาลครั้งหนึ่งนานมาแล้ว มีผู้เขียนคนหนึ่ง
เคยลงบทความเรื่อง "PHP - Search image from Flickr.com"
นับจากวันนั้นจนถึงวันนี้ก็ผ่านไป 158 วันพอดิบพอดี
ถือเป็นฤกษ์งามยามดี เลขลงท้ายด้วย 8 จึงขอเปิดภาคต่อจากบทความ
ที่แล้วเลยแล้วกันครับ (555 เกี่ยวกันมั้ยเนี่ย แถจริงๆ (-_-)")

PHP - Flickr : Search Photo by email
ก่อนจะเริ่มหัวข้อใหม่ ขอเกริ่นนิดนึงนะครับสำหรับผู้ที่ไม่ได้อ่านบทความในตอนที่แล้ว

เกริ่นนำ
ในตอนที่แล้วเราได้คุยกันไปเรื่องการเขียนโปรแกรมต่อกับ Flickr API
ตั้งแต่เริ่มขอ API Key จนถึงการเขียนโปรแกรมสำหรับ ค้นหารูปจากเว็บ
flickr.com โดยสามารถกำหนด keyword และจำนวนรูปที่ต้องการแสดงต่อ 1 หน้า
ได้ สำหรับรายละเอียดวิธีการทำต่างๆ นั้นดูได้จากหัวข้อเก่าตามลิงก์นี้เลยนะครับ
"PHP - Search image from Flickr.com" (^_^)

เริ่มหัวข้อใหม่
มาเริ่มหัวข้อใหม่กันเลยนะครับ หลังจากลองศึกษา Flickr API ได้สักพัก
ก็ลองนึกเล่นๆ ดูว่า เราจะสามารถนำ Method ต่างๆ ของ Flickr API มาผนวกใช้
กับเว็บไซต์ต่างๆ ของเราได้อย่างไร ก็ไล่ดู Method ไปเรื่อยๆ ก็มาเจอ Method นึง
ที่ชื่อว่า "flickr.people.findByEmail" โดย Method นี้สามารถให้เราค้นหา User ID
จาก Email ได้  ว้าววว!! เกิดปิ๊งไอเดียขึ้นมาทันที แบบนี้สบายเลยครับ เข้าทางเลย
เพียงแค่คุณมีการเก็บ email ของสมาชิกอยู่ คุณสามารถเชื่อมต่อสมาชิกของคุณ
เข้ากับเว็บ flickr และใช้ Method อื่นๆ ที่เหลืออีกเกือบ 100 Method ได้เลยครับ
ส่วนใครจะเอาไปใช้งานยังไงก็คิดกันเอาเองนะครับ (^0^)Y

วันนี้ผมขอยกตัวอย่างการนำ User ID ไปใช้งาน 1 ตัวอย่างนะครับ
นั่นก็คือการดึงรูปทั้งหมดใน Flickr ของ User ที่เราระบุขึ้นมานะครับ 

เรียกใช้ Method "flickr.people.findByEmail"
ก่อนอื่นเราต้องทำการหา User ID ก่อน โดยเราจะหาจาก Email นะคร้บ
วิธีการก็คือเรียกใช้ Method flickr.people.findByEmail

เรียก Method ผ่าน url นี้ครับ

http://api.flickr.com/services/rest/?method=flickr.people.findByEmail

โดยต้องส่ง Argument ต่างๆ ผ่าน querystring ตามนี้นะครับ
    - api_key  คลิกที่นี่เพื่อดุวิธีการขอ API KEY
    - find_email  = email ที่เราต้องการหา
ค่า Response จะส่งกลับมาในรูปแบบ XML ตามนี้นะครับ
 <user nsid="xxxxxxxx">
  <username>xxxxxx</username>
 </user>

โดยถ้าค้นหาแล้วไม่พบ จะมี error code ระบุไว้นะครับ ความหมาย Error code
ก็ตามนี้เลยครับ

หลังจากเราได้ ID มาแล้วเราจะทำการขั้นต่อไปคือ ดึงรูปทั้งหมดใน Flickr ของ User ID
นี้ขึ้นมาแสดงได้เลยครับ โดยวิธีการนั้นเราจะเรียกผ่าน Mehod
"flickr.people.getPublicPhotos"

เรียกใช้ Method "flickr.people.getPublicPhotos"
Mehod นี้จะดึงรูปทั้งหมดของ User ที่เรากำหนดขึ้นมาให้ครับ

เรียก Method ผ่าน url นี้ครับ

http://api.flickr.com/services/rest/?method=flickr.people.getPublicPhotos

โดยต้องส่ง Argument ต่างๆ ผ่าน querystring ตามนี้นะครับ (เฉพาะที่จำเป็นนะครับ)
    - api_key  คลิกที่นี่เพื่อดุวิธีการขอ API KEY
    - user_id  = User ID ที่ได้มาจากขั้นตอนที่แล้ว
ค่า Response จะส่งกลับมาในรูปแบบ XML ตามนี้นะครับ
<photos page="2" pages="89" perpage="10" total="881">
  <photo id="2636" owner="47058503995@N01"
secret="a123456" server="2" title="test_04" ispublic="1" isfriend="0" isfamily="0" />
  <photo id="2635" owner="47058503995@N01" secret="b123456" server="2" title="test_03" ispublic="0" isfriend="1" isfamily="1" />
</photos>

ความหมายต่างๆ ของค่า response เหมือนกับตอนที่แล้วเรื่องการ Search Photo
โดย Keyword นะครับ ผมขออนญาติไม่อธิบายซ้ำนะครับ รบกวนดูได้จากหัวข้อ
ที่แล้วนะครับ "PHP - Search image from Flickr.com"

Example 
   เข้าไปดูตัวอย่างกันที่ลิงก์นี้เลยนะครับ (^_^)Y
    Flickr : Search Photo by email

Source Code
  download code ตัวอย่างคลิกทีนี่ครับ flickr_search.rar

ก็จบไปแล้วนะครับสำหรับการเรียกใช้ Flickr API ทำการค้นหารูปจากอีเมล์ที่กำหนด
หวังว่าจะมีประโยชน์กับเพื่อนๆ พี่ๆ น้องๆ ที่หลงเข้ามาอ่านนะครับ
ขอบคุณมากครับ

Relate Topic :
     - PHP - Search image from Flickr.com

ค้นหารูปจากเว็บ Flickr.com บนเว็บของคุณเอง (^_^)

Flickr.com เปิดให้บริการค้นหารูปผ่าน webservice
โดยจะคืนผลลัพธ์ที่ได้มาในรูปแบบ xml ครับ

ดูวิธีการทำกันเลยดีกว่าครับ
Step 1
ก่อนอื่นต้องไปขอ API Key ก่อนนะครับ ไปขอตามลิืงก์นี้เลยครับ
http://flickr.com/services/api/

Step 2
เมื่อได้ API Key มาแล้ว ให้เรียก service ผ่าน url นี้ครับ

http://api.flickr.com/services/rest/?method=flickr.photos.search

โดยต้องส่ง query string ไปเพื่อกำหนดรูปที่เราต้องการค้นหาดังนี้
api_key = ค่า API Key ทีไ่ด้จาก step ที่ 1
tags = รูปที่ต้องการค้นหา
per_page = จำนวนรูปที่ต้องการแสดงต่อ 1 หน้า
page = หน้าที่ต้องการดึงรูปมาแสดง

ตัวอย่างนะครับ ถ้าผมต้องการ ดีงรูป กระต่าย(rabbit) มาแสดง โดยต้องการให้
แสดงหน้าละ 10 รูป เริ่มต้นที่หน้าที่ 1 ค่า parameter จะเป็นตามนี้ครับ
api_key = "xxxxxxxxxxx"  (ต้องใช้ค่า api key ของคุณเองนะครับ)
tags = rabbit
per_page = 10
page = 1
เมื่อรวมเป็น url จะได้ดังนี้

http://api.flickr.com/services/rest/?method=flickr.photos.search&api_key=xxxxxxxxxxxx&tags=rabbit&per_page=10&page=1

Step 3
เมื่อเรียก service ตาม url ใน step ที่ 2 จะได้ผลลัพธ์คืนมาเป็น xml
คลิกที่รูปเพื่อดูตัวอย่างเต็มๆ นะครับ

ความหมาย tag ต่างๆ นะครับ
stat = ใช้ตรวจสอบการเรียก service ว่าถูกต้องรึไม่ต้องเป็น ok เท่านั้น
page = หน้าปัจจุบัน
pages = จำนวนหน้าทั้งหมด
perpage = จำนวนรูปต่อ 1 หน้า
total = จำนวนรูปทั้งหมดที่ค้นหาพบ
id = รหัสรูป
owner = เจ้าของรูป
secret = รหัสลับสำหรับเข้าดูรูป
server = server ที่เก็บรูป *
farm = farm ที่เก็บรูป *
title = ชื่อรูป

*ขอนอกเรื่องอธิบายเรื่อง server กับ farm ก่อนนะครับ ตามที่ผมเข้าใจ
รูปใน Flickr.com จะเก็บเป็นลักษณะ farm และใน farm จะมีหลายๆ
server แล้วรูปจะอยู่ใน server อีกทีนะครับ

ต่อนะครับ เมื่อได้ผลลัพธ์ xml มาแล้ว เวลาจะอ้างอิงไปที่รูปให้ใช้ตามนี้นะครับ

http://farm{farm_id}.static.flickr.com/{server_id}/{photo_id}_{secret}_{size}.jpg

ตัวอย่าง

http://farm4.static.flickr.com/3257/2926756714_c56e46f446_s.jpg

ที่เหลือลองเขียนแสดงผลกันดูเองนะครับ  (^_^)

หน้าตัวอย่างครับ  Search images Flickr

load หน้าตัวอย่างคลิกทีนี่ครับ flickr_search.rar

ปล. - code ตัวอย่างผม limit ไว้แค่ 100 หน้านะครับ
- load หน้าตัวอย่างไปแล้ว อย่าลืมเปลี่ยน API Keys ด้วยนะครับ (^_^)''

หลายคนคงเคยประสบปัญหาในการรวมรูป gif เข้าด้วยกัน
แล้วรูปกลับไม่ขยับดุ๊กดิ๊กเหมือนเดิม กลับกลายเป็นภาพนิ่งซะงั้น  (x_x)
วันนี้ผมจะมาไขข้อข้องใจให้ครับ

ทำความเข้าใจก่อนว่ารูป gif animate คืออะไร?
จริงๆ แล้วรูป gif animate ก็คือรูปหลายๆ Frame มาวางต่อกันแล้วรวมเข้าเป็นไฟล์เดียว
ทำให้รูปเกิดความเคลื่อนไหว พูดไปแล้วงงป่าวๆ ดูรูปตัวอย่างเลยดีกว่าครับ เช่นรูปนี้

---->

Frame 1              Frame 2               Frame 3 Frame 4                 Frame 5               Frame 6 Frame 7                Frame 8               Frame 9 Frame 10              Frame 11              Frame 12 Frame 13              Frame 14

รู้แล้วว่า gif animate คืออะไร แล้วยังไงต่อ?
ตอนนี้เรารู้แล้วว่า gif animate แบ่งเป็นหลายๆ frame เพราะฉะนั้นถ้าเราใช้พวกคำสั่ง
imagecopymerge ไปตรงๆ เลย php จะทำการรวมให้เราเฉพาะ frame แรกเท่านั้น
ทำให้ผลลัพธ์ที่ได้กลายเป็นภาพนิ่ง (-_-)

ดังนั้น ถ้าเราต้องการรวมรุป gif 2 รูปเข้าด้วยกัน เราต้องแยกรูปที่จะรวมทั้ง 2 รูปออกเป็น frame
ก่อนแล้วแยกเก็บใสโฟลเดอร์ไว้ ผมขอเรียกขั้นตอนนี้ว่าการ split ซึ่งเพื่อนๆ สามารถ download
script ได้ตามลิงก์นี้ครับ http://phpclasses.ca/browse/package/3234.html
** มี bug ในไฟล์ชื่อ decode_a_gif.php บรรทัดที่ 10 แก้โดยเปลี่ยนจาก
fwrite(fopen(($i < 10 ? "frames/0$i_frame.gif":"frames/$i_frame.gif"), "wb"), $arr[$i]);
แก้เป็น
fwrite ( fopen ( ( $i < 10 ? "frames/0$i.gif" : "frames/$i.gif" ), "wb" ), $arr [ $i ] );
Split เสร็จแล้วทำไงต่อ?
เมื่อเรา split ได้รูปเป็นหลายๆ frame มา 2 ชุดแล้ว ให้เราทำการรวมรูป ใน frame ที่เราต้องการ
เช่น สมมุติว่ารูปแรกเราแยกมาเป็น 10 frame รูปที่ 2 แยกมาเป็น 2 frame ถ้าต้องการแทรกรูปที่ 2 ไปที่
frame ที่ 5 ของรูปที่ 1  ก็นำรูป frame ที่ 5  ของรูปที่ 1 ไปรวมกับ frame แรกของรูปที่ 2 เป็นต้น
ซึ่งคำสั่ง ในการรวมรูปในข้นตอนนี้ใช้  imagecopymerge ได้เลยครับ เพราะว่าเป็นการรวม
ภาพนิ่งธรรมดา อ่านดูแล้วอาจจะงงๆ  แนะนำให้ลองทำดูเลยดีกว่าครับ (*_*)

รวมรูปเสร็จแล้วก็มาถึงขั้นตอนสุดท้าย (^_^)V
เมื่อรวมรูปเป็น frameๆ เสร็จแล้ว สุดท้าย เราก็แค่ merge frame เหล่านั้นกลับมาเป็นรูป
gif animate เหมือนเดิมเท่านี้ก็เสร็จแล้วค้าบบพี่น้องงงง download script merge ได้ตาม
ลิงก์นี้เลยครับ  http://phpclasses.sgboards.com/browse/package/3163.html

หวังว่าข้อมูลจะเป็นประโยชน์กับเพื่อนๆ นะครับ
ใครติดปัญหาอะไร หรือมีวิธีอะไรแนะนำที่ดีกว่านี้ก็ Comment ไว้ได้เลยนะครับ
ขอบคุณมากครับ Y(=^=)Y