Rabbitinblack

Tag: youtube

  • Ifttt : เมื่อนำ Service จากต่าง ๆ มาใช้งานร่วมกัน

    Ifttt : เมื่อนำ Service จากต่าง ๆ มาใช้งานร่วมกัน

    ตอนนี้มี Service ต่าง ๆ ให้เราใช้อยู่มากมาย เช่น Facebook, Twitter, Instagram, GMail หรือ Dropbox ถ้าเราต้องการให้ Service ต่าง ๆ เหล่านี้ทำงานร่วมกันละ ก็ต้องที่นี่เลย If This Then That

    ifttt.com : If This Then That

    เข้าไปในเว็บ เราก็กด Join เพื่อสมัครใช้งาน

    Ifttt : เมื่อนำ Service จากต่าง ๆ มาใช้งานร่วมกัน [1]

    สร้าง Account เพื่อใช้งานกันเลยครับ

    Ifttt : เมื่อนำ Service จากต่าง ๆ มาใช้งานร่วมกัน [2]

    หลังจากนั้น Log In เข้ามาเพื่อใช้งาน เราจะไปดูตรงส่วนของ Channel ก่อนนะครับ

    Ifttt : เมื่อนำ Service จากต่าง ๆ มาใช้งานร่วมกัน [3]

    Channel ก็จะมี List ของ Service ต่าง ๆ ที่ตัว ifttt สามารถทำให้มันใช้งานแบบเชื่อมต่อกันได้

    Ifttt : เมื่อนำ Service จากต่าง ๆ มาใช้งานร่วมกัน [4]

    จะเห็นว่ามีอยู่หลากหลาย และพอเพียงสำหรับใช้งานในหลาย ๆ ประเภท คราวนี้เราลองมาสร้าง Task เพื่อจะใช้งานดูนะครับ เข้าหัวข้อ Tasks แล้ว Create task เลยครับ

    Ifttt : เมื่อนำ Service จากต่าง ๆ มาใช้งานร่วมกัน [5]

    ตามจุดประสงค์ของเว็บก็คือ ถ้า “มีการทำสิ่งนี้” หลังจากนั้น “ให้ทำสิ่งนี้”

    คราวนี้ผมจะลองว่า ถ้าผมทวิตโดยใส่ #picbox จะให้ File รูปถูกอัพเข้า Dropbox ของผมนะครับ

    Ifttt : เมื่อนำ Service จากต่าง ๆ มาใช้งานร่วมกัน [6]

    ก็เลือกหัวข้อ Twitter -> New tweet by you with hashtag -> ใส่ #picbox ลงไป -> เลือกหัวข้อ Dropbox -> ใส่ File ที่จะอัพ และ Path ที่ต้องการอัพไป -> ใส่รายละเอียดของ Task นี้ -> Create Task

    และเราก็จะได้ Task ที่ทำงานโดยอัพรูปใส่ Dropbox ให้เราเมื่อเราใส่ #picbox ลงไปในทวิตของเรา

    Ifttt : เมื่อนำ Service จากต่าง ๆ มาใช้งานร่วมกัน [7]

    ลองไปประยุกต์ใช้งานดูนะครับ ตัวอย่างเช่น ถ้า Facebook เราอัพรูป ให้ทวิตออกไป หรือ ถ้าเรา Favorite Tweet อันไหน ให้ส่งเมล์เข้ามาให้เรา เป็นต้น

  • ฉลอง MV SNSD ตัวใหม่ด้วยบทความ ทำ Shortcode สำหรับดึง youtube thumbnail มาใช้ใน WordPress

    ฉลอง MV SNSD ตัวใหม่ด้วยบทความ ทำ Shortcode สำหรับดึง youtube thumbnail มาใช้ใน WordPress

    บางครั้งเราก็ไม่ได้อยากจะ Embed Video จาก youtube มา เราต้องการแค่ thumbnail เพื่อให้มัน link ไปที่วิดีโอใน youtube ดังนั้นเราเลยสร้าง shortcode ขึ้นมาเลย เพื่อจะได้ง่ายในการนำไปใช้ด้วย

    WordPress : Shortcode สำหรับดึง youtube thumbnail มาใช้งาน

    ผมได้อ่านบทความอันนี้ WordPress Display Youtube Video Thumbnail แล้ว แต่ผมก็ยังไม่ถูกใจทั้งหมด เลยนำ Code ของเค้ามาปรับ ๆ อีกหน่อยให้เหมาะกับที่ผมจะนำไปใช้

    [php]
    function wp_youtube_video_thumbnail($atts) {
    extract(shortcode_atts(array(
    ‘id’ => ”,
    ‘img’ => ‘0’,
    ‘align’=>’left’
    ), $atts));
    $align_class=’align’.$align;
    return ‘<a href="https://www.youtube.com/watch?v=’.$id.’" target="_blank"><img src="https://img.youtube.com/vi/’.$id.’/’.$img.’.jpg" alt="" class="’.$align_class.’" /></a>’;
    }
    add_shortcode(‘youtube_thumb’, ‘wp_youtube_video_thumbnail’);
    [/php]

    ผมใส่ shortcode แบบนี้นะครับ [youtube_thumb id=”6pA_Tou-DPI” img=”0″ align=”center”] จะได้ผลลัพธ์ออกมาดังตัวอย่างด้านล่าง

    [youtube_thumb id=”6pA_Tou-DPI” img=”0″ align=”center”]

    WordPress : รูปแบบของ shortcode

    [youtube_thumb id=”XXX” img=”YYY” align=”ZZZ”]

    id นำมาจาก id ของวิดีโอจาก youtube ที่เราต้องการ thumbnail

    img สำหรับ img นั้น มีให้เราเลือกอยู่ 6 แบบ ดังนี้

    • 0 : เป็น thumbnail ขนาด 480×360 pixels (จาก shortcode ที่เราสร้างขึ้น 0 จะเป็นค่ามาตรฐานของ img ในกรณีที่ไม่ได้ใส่ค่าให้ img)
    • 1 หรือ 2 หรือ 3 : เป็น thumbnail ขนาด 120×90 pixels ที่มีรูปแตกต่างกัน
    • default : เป็น thumbnail ขนาด 120×90 pixels รูปเดียวกับ 0
    • hqdefault : เป็น thumbnail ขนาด 480×360 pixels รูปเดียวกับ 0

    align นั้นมีให้เลือก 4 แบบ ดังนี้

    • left (จาก shortcode ที่เราสร้างขึ้น left จะเป็นค่ามาตรฐานของ align ในกรณีที่ไม่ได้ใส่ค่าให้ align)
    • right
    • center
    • none

    ว่าแล้วก็ฉลองด้วย MV ตัวใหม่แบบไม่เป็น thumbnail เลยแล้วกันครับ >_< https://www.youtube.com/watch?v=6pA_Tou-DPI