CodeBlink.com Open Source Projects, Code, Rants, and other miscellany

23Feb/102

Google Buzz Social Media Icons

You may not have heard of jwloh, but odds are you're already a fan of his Social.me social media icons. They're 30 free icons under the Creative Commons Attribution-No Derivative Works 3.0 License.

I needed a Google Buzz icon to add to a site I'm working on, so I used jwloh's icon template PSD and added these:

24px by 24px Google Buzz social media icon

16px by 16px Google Buzz social media icon

24px by 24px Google Buzz social media icon

24px by 24px google buzz social media icon

48px by 48px Google Buzz social media icon

48px by 48px Google Buzz social media icon

60px by 60px Google Buzz social media icon

48px by 48px Google Buzz social media icon

You can find jwloh's Social.me social icon set here and his Aquaticus.Social.Social icon set here.

Or if you want to download the set from here with the added Google Buzz icon:

Social_me_by_jwloh.rar

Social_me_by_jwloh.zip

  • Share/Bookmark
19Feb/100

How to get thumbnails of YouTube Videos!

I've been working on a video contest project in PHP and it involves user's submitting their videos from a YouTube link. I needed to show just thumbnails of the videos without having to use a full YouTube embed code. I really didn't want to get my hands dirty with any kind of YouTube API though. So with a little bit of searching I found that YouTube creates multiple dynamic thumbnails for all of their videos when they're uploaded.

For example purposes, I will use the incredible, mind-blowing, face-melter music video by DragonForce "Through the Fire and Flames".

The URLs

In order to properly form a URL for the image, first you'll need to grab the video's ID. You get this from the YouTube video's URL.
This DragonForce's URL is http://www.youtube.com/watch?v=0jgrCKhxE1s, so it's YouTube ID is 0jgrCKhxE1s.

Now here are the URLs you have available ...

120x90 image - Choice 1
http://img.youtube.com/vi/[YouTube ID]/1.jpg

http://img.youtube.com/vi/0jgrCKhxE1s/1.jpg



120x90 image - Choice 2
http://img.youtube.com/vi/[YouTube ID]/2.jpg

http://img.youtube.com/vi/0jgrCKhxE1s/2.jpg



120x90 image - Choice 3

http://img.youtube.com/vi/[YouTube ID]/3.jpg

http://img.youtube.com/vi/0jgrCKhxE1sg/3.jpg



120x90 image - Default Choice

http://img.youtube.com/vi/[YouTube ID]/default.jpg

http://img.youtube.com/vi/0jgrCKhxE1s/default.jpg



480x360 image - High Quality (HQ) Choice
(does not need to be an HQ video to have an HQ image)

http://img.youtube.com/vi/[YouTube ID]/hqdefault.jpg

http://img.youtube.com/vi/0jgrCKhxE1s/hqdefault.jpg

480x360 image - HQ Choice 1

http://img.youtube.com/vi/[YouTube ID]/hq1.jpg

http://img.youtube.com/vi/0jgrCKhxE1s/hq1.jpg

480x360 image - HQ Choice 2

http://img.youtube.com/vi/[YouTube ID]/hq2.jpg

http://img.youtube.com/vi/0jgrCKhxE1s/hq2.jpg

480x360 image - HQ Choice 3

http://img.youtube.com/vi/[YouTube ID]/hq3.jpg

http://img.youtube.com/vi/0jgrCKhxE1s/hq3.jpg

 

If anyone knows any other tricks, please share! :)

  • Share/Bookmark