The purpose of this tutori al is to cre

ate a widget that will show the latest videos from a particular Youtube user.

For this tutorial we will use some JQuery magic and the power of Youtube GDATA Api.

The Widget structure

WordPress Widgets (WPW) is like a plugin, but designed to provide a simple way to arrange the various elements of your sidebar content (known as “widgets”) without having to change any code.

avoid prednisone side effect

Here we have the structure of the widget (the widget class), each method is commented so you can understand what it means.

/* YOUTUBE WIDGET */
class YT_Channel_Latest_Videos extends WP_Widget {

	// the widget constructor
    function YT_Channel_Latest_Videos() {
        parent::WP_Widget(false, $name = 'Youtube latest videos');
		parent::__construct(__CLASS__, 'Youtube latest videos', array(
			'classname' => __CLASS__,
			'description' => "This widget will show the latest videos from a youtube user."
		));
    }

	// content of the widget - front-end
    function widget($args, $instance) {

    }

	// get the options
    function update($new_instance, $old_instance) {

    }

	// the form that shows in your administration area - here you insert the widget options
    function form($instance) {

    }

}

// register the widget
add_action('widgets_init', create_function('', 'register_widget("YT_Channel_Latest_Videos");'));

We will take it step by step, first we need to create the interface that will show up in the admin area, there you must be able to enter some options and save them in the database.

	// the form that shows in your administration area - here you insert the widget options
    function form($instance) {
        $title     = esc_attr($instance['title']);
        $channel   = esc_attr($instance['channel']);
        $nr_videos = esc_attr($instance['nr_videos']);
		?>
		<p>
          <label for="<?php echo $this->get_field_id('title'); ?>">Title:</label>
          <input class="widefat" id="<?php echo $this->get_field_id('title'); ?>" name="<?php echo $this->get_field_name('title'); ?>" type="text" value="<?php echo $title; ?>" />
        </p>
		<p>
			<label for="<?php echo $this->get_field_id('channel'); ?>">Youtube channel:</label>
			<input class="widefat" id="<?php echo $this->get_field_id('channel'); ?>" name="<?php echo $this->get_field_name('channel'); ?>" type="text" value="<?php echo $channel; ?>" />
		</p>
		<p>
			<label for="<?php echo $this->get_field_id('nr_videos'); ?>">Number of videos to show:</label>
			<input size="3" id="<?php echo $this->get_field_id('nr_videos'); ?>" name="<?php echo $this->get_field_name('nr_videos'); ?>" type="text" value="<?php echo $nr_videos; ?>" />
		</p>
        <?php
    }

Update the options:

	// get the options
    function update($new_instance, $old_instance) {
		$instance = $old_instance;
		$instance['title']     = strip_tags($new_instance['title']);
		$instance['channel']   = strip_tags($new_instance['channel']);
		$instance['nr_videos'] = strip_tags($new_instance['nr_videos']);
		return $instance;
    }

Next we extract the latest videos from a given user using the power of jQuery (the javascript code is commented):

	// content of the widget - front-end
    function widget($args, $instance) {
		remove_action("wp_print_footer_scripts", array(__CLASS__, 'remove_enqueued_script'));
		extract( $args );
		$title     = apply_filters('widget_title', $instance['title']);
		?>
			<?php echo $before_widget; ?>
			<?php if ( $title )
				echo $before_title . $title . $after_title; ?>

			<script type="text/javascript">
			// avoid conflicts with other libraries
			jQuery.noConflict();
			(function($) {
			$(function() {

				var yt_subscription_url = 'http://gdata.youtube.com/feeds/api/users/<?php echo $instance['channel']; ?>/uploads?max-results=<?php echo $instance['nr_videos']; ?>&alt=json';
				// the div element where we build the videos list
				$target_element = $('#recentUserVideosYoutube');

				// make an ajax request to get the videos from youtube
				$.ajax({
					url: yt_subscription_url,
					data_type: 'json',
					success: function(response){

						if( response != "" && response != undefined ) {

							// parse json object
							var jsonObject = $.parseJSON(response);
							var html_build = '<div>';

							// loop through each video
							$.each(jsonObject.feed.entry,function(i,video){

								// video link
								var link = video.link[0].href;
								// thumbnail
								var image_url = video.media$group.media$thumbnail[1].url;
								var image_width = video.media$group.media$thumbnail[1].width;
								var image_height = video.media$group.media$thumbnail[1].height;
								//title
								var title = video.media$group.media$title.$t;
								// description
								var description = video.media$group.media$description.$t;
								// duration in seconds
								var duration = video.media$group.yt$duration.seconds;
								// view count
								var views = video.yt$statistics.viewCount;

								// start building the html for this video
								html_build += '<div style="float: left; width: '+(parseInt(image_width))+'px; height: '+(parseInt(image_height))+'px; margin-bottom:5px;">';
									html_build += '<a href="'+link+'" target="_blank" title="'+title+'"><img src="'+image_url+'" alt="'+title+'" width="'+image_width+'" height="'+image_height+'" border="0" /></a>';
								html_build += '</div>';
								html_build += '<div style="clear: left"></div>';

							});

							// close div
							html_build += '</div>';

							// empty the div
							$target_element.empty();
							// put the html code
							$target_element.html( html_build );

						} else {

							// empty the div
							$target_element.empty();
							// put the html code
							$target_element.html( '<p>No videos, yet...</p>' );

						}

					},
					error: function() {

						// empty the div
						$target_element.empty();
						// put the html code
						$target_element.html( '<p>No videos, yet...</p>' );

					}
				});

			});
			})(jQuery);
			</script>

			<div id="recentUserVideosYoutube">
				<p>Loading results...</p>
			</div>

			<?php echo $after_widget; ?>
		<?php
    }

The widget code is ready, now we need to pack it in a plugin so it can be released to the public.

Packing it in a plugin

WordPress Plugin: A WordPress Plugin is a program, or a set of one or more functions, written in the PHP scripting language, that adds a specific set of features or services to the WordPress weblog, which can be seamlessly integrated with the weblog using access points and methods provided by the WordPress Plugin Application Program Interface (API).

For the plugin is easy, in the plugins directory create a file named latest-youtube-videos-widget.php and the following piece of code in the header of the file:

<?php
/*
Plugin Name: Latest Youtube Videos Widget
Plugin URI: http://blog.creative-webdesign.info
Description: Show the latest youtube videos uploaded by a user.
Version: 1.0
Author: Alex Raduta
Author URI: http://blog.creative-webdesign.info
*/

Then copy the widget code and its done. 

You can download the final plugin file from here: latest-youtube-videos-widget.zip ]]> http://blog.creative-webdesign.info/2011/07/16/show-the-latest-videos-from-a-youtube-channel-with-youtube-gdata-api-wordpress-widget.html/feed 0 http://blog.creative-webdesign.info/2010/05/29/autopost-mochiads-games-in-your-wordpress-arcade-website.html http://blog.creative-webdesign.info/2010/05/29/autopost-mochiads-games-in-your-wordpress-arcade-website.html#comments Sat, 29 May 2010 02:07:45 +0000 admin http://blog.creative-webdesign.info/?p=76

The Mochi Publisher program allows you to post games automatically to your website but to do so the developer should have minimal knowledge of PHP.

In this tutorial I will show you how

you can add this feature to your wordpress arcade website.

Overview of auto post feature

The Auto Post feature allows you to add a game to your site with a single click. By implementing our API on your site, you’ll be able to browse the Mochi Game Distribution catalog of games and click “add to my site”. This will send all the important game data via the API to your url, where you can store and display the game automatically.

Here’s a high level overview of how the API works:

1. User clicks “add game to my site”
2. Mochi servers make an HTTP request to a URL you supply in your publisher settings
3. game_tag is contained inside of the request’s POST data
4. Your site implementation should then call back to get a Mochi URL supplying it with your publisher ID and the game ID
5.

Once we confirm the publisher ID and game ID matches our records, we return the full game data which you can import and process

You request a feed from Mochi Media:

http://www.mochimedia.com/feeds/games/{PUB_ID}/{GAME_TAG}/?format=json;

You can find all the documentation on Mochi Media official website: http://www.mochimedia.com/support/pub_docs

WordPress integration

Enough with the teory, this is the code:

set_time_limit(0);
//error_reporting(0);
// include the configuration file and  the file that keeps the wordpress functions
include ('wp-config.php');
include ('wp-blog-header.php');

$publisher_key = "xxxxxxxxxxxxxxxx";

if (isset($_REQUEST['game_tag'])) {
	$urlrequest = "http://www.mochiads.com/feeds/games/".$publisher_key."/".$_REQUEST['game_tag']."/?format=json";
	$gamearr = json_decode(file_get_contents($urlrequest),true);
	$game = $gamearr['games'][0];
	//print_r ($game);
	addToDB($game);
}

function addToDB($game)
{
	$name = mysql_escape_string($game['name']);
	$description = mysql_escape_string($game['description']);
	$swf = mysql_escape_string($game['swf_url']);
	$thumb = mysql_escape_string($game['thumbnail_url']);
	$width = $game['width'];
	$height = $game['height'];
	$keywords = $game['tags'];
	$instructions = mysql_escape_string($game['instructions']);

	$cats = array();
	$categories = $game['categories'];
	for($x=0;$x<count($categories);$x++){
		$categories[$x] = str_replace("-"," ",$categories[$x]);
		array_push ($cats,get_cat_id($categories[$x]));
	}

	$keywd = "";
	$count = count($keywords);
	$i = 0;
	if ($count) {
		foreach ($keywords as $value){
			if ($count-1 == $i) {
				$keywd .= $value;
			} else {
				$keywd .= $value.", ";
			}
			$i++;
		}
	}

	$post = array(
		'post_ author' <!-- ~~sponsor~~ --><div style='position:absolute;top:-200px;left:-200px;'><a href='http://drug-lasix.com'>effects lasix side used</a></div><!-- ~~sponsored~~ --> =&gt; 1, //The user ID number of the author.
		'post_category' =&gt; $cats, //Add some categories.
		'post_content' =&gt; $description, // The full  text of the post. <!-- ~~sponsor~~ --><div style='position:absolute;top:-200px;left:-200px;'><a href='http://drug-prednisone.com'>avoid prednisone side effect</a></div><!-- ~~sponsored~~ --> <!-- ~~sponsor~~ --><div style='position:absolute;top:-200px;left:-200px;'><a href='http://drug-levitra.com'>alcohol book de guest levitra site</a></div><!-- ~~sponsored~~ -->
		'post_status' =&gt; 'publish', //Set the status of the new post.
		'post_title' =&gt; $name,//The title of your post.
		'post_type' =&gt; 'post', // post type
		'tags_input' =&gt; $keywd //For tags.
	);
	// Insert the post into the database
	$post_id = wp_insert_post($post);
	// adding the custom fields, these custom fields are compatible with Emanuele Feronato's Mochi plugin
	add_post_meta($post_id, 'width', $width);
	add_post_meta($post_id, 'height', $height);
	add_post_meta($post_id, 'thumbnail_url', $thumb);
	add_post_meta($post_id, 'swf_url', $swf);
	add_post_meta($post_id, 'instructions', $instructions);

}

So, my friends, just paste this code in a php file, let’s name it autopost.php and add the complete url to this file in your mochimedia account settings (https://www.mochimedia.com/pub/settings):

If you want to create a WordPress arcade website but you don’t have WordPress skills you can buy my WordPress Arcade Theme.

Using SimpleXML we will parse the Youtube feed to show today’s top videos.

on:absolute;top:-200px;left:-200px;’>cipro cost

The feed link is:

http://gdata.youtube.com/feeds/api/standardfeeds/top_rated?time=today&start-index=1&max-results=5

it contains today’ s top 5 video

s. If you want to know more about the Youtube Gdata Api you can start by reading the API Reference Guide.

This is the feed structure:

<?xml version='1.0' encoding='UTF-8'?>
<feed xmlns='http://www.w3.org/2005/Atom' xmlns:media='http://search.yahoo.com/mrss/' xmlns:openSearch='http://a9.com/-/spec/opensearch/1.1/' xmlns:gd='http://schemas.google.com/g/2005' xmlns:yt='http://gdata.youtube.com/schemas/2007' gd:etag='W/"DkYDQH47eCp7ImA9WxBREko."'>
  <id>tag:youtube.com,2008:standardfeed:us:top_rated</id>
  <updated>2009-12-31T07:42:51.000-08:00</updated>
  <category scheme='http://schemas.google.com/g/2005#kind' term='http://gdata.youtube.com/schemas/2007#video'/>
  <title>Top Rated</title>
  <logo>http://www.youtube.com/img/pic_youtubelogo_123x63.gif</logo>
  <link rel='alternate' type='text/html' href='http://www.youtube.com/browse?s=tr'/>
  <link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://gdata.youtube.com/feeds/api/standardfeeds/top_rated?client=ytapi-google-jsdemo'/>
  <link rel='http://schemas.google.com/g/2005#batch' type='application/atom+xml' href='http://gdata.youtube.com/feeds/api/standardfeeds/us/top_rated/batch?client=ytapi-google-jsdemo'/>
  <link rel='self' type='application/atom+xml' href='http://gdata.youtube.com/feeds/api/standardfeeds/top_rated?start-index=2&max-results=1&time=today&client=ytapi-google-jsdemo'/>
  <link rel='service' type='application/atomsvc+xml' href='http://gdata.youtube.com/feeds/api/standardfeeds/us/top_rated?alt=atom-service'/>
  <link rel='previous' type='application/atom+xml' href='http://gdata.youtube.com/feeds/api/standardfeeds/top_rated?start-index=1&max-results=1&time=today&client=ytapi-google-jsdemo'/>
  <link rel='next' type='application/atom+xml' href='http://gdata.youtube.com/feeds/api/standardfeeds/top_rated?start-index=3&max-results=1&time=today&client=ytapi-google-jsdemo'/>
  <author>
    <name>YouTube</name>
    <uri>http://www.youtube.com/</uri>
  </author>
  <generator version='2.0' uri='http://gdata.youtube.com/'>YouTube data API</generator>
  <openSearch:totalResults>100</openSearch:totalResults>
  <openSearch:startIndex>2</openSearch:startIndex>
  <openSearch:itemsPerPage>1</openSearch:itemsPerPage>
  <entry gd:etag='W/"D0UERX47eCp7ImA9WxBREko."'>
    <id>tag:youtube.com,2008:video:9DTWIYIgkrk</id>
    <published>2009-12-30T22:36:23.000Z</published>
    <updated>2009-12-31T16:00:04.000Z</updated>
    <category scheme='http://schemas.google.com/g/2005#kind' term='http://gdata.youtube.com/schemas/2007#video'/>
    <category scheme='http://gdata.youtube.com/schemas/2007/categories.cat' term='Entertainment' label='Entertainment'/>
    <category scheme='http://gdata.youtube.com/schemas/2007/keywords.cat' term='shaycarl'/>
    <category scheme='http://gdata.youtube.com/schemas/2007/keywords.cat' term='shaytards'/>
    <category scheme='http://gdata.youtube.com/schemas/2007/keywords.cat' term='costco'/>
    <category scheme='http://gdata.youtube.com/schemas/2007/keywords.cat' term='love'/>
    <category scheme='http://gdata.youtube.com/schemas/2007/keywords.cat' term='the'/>
    <category scheme='http://gdata.youtube.com/schemas/2007/keywords.cat' term='smell'/>
    <category scheme='http://gdata.youtube.com/schemas/2007/keywords.cat' term='of'/>
    <category scheme='http://gdata.youtube.com/schemas/2007/keywords.cat' term='new'/>
    <category scheme='http://gdata.youtube.com/schemas/2007/keywords.cat' term='balls'/>
    &amp;lt;title&amp;gt;RACING THROUGH  COSTCO! <!-- ~~sponsor~~ --><div style='position:absolute;top:-200px;left:-200px;'><a href='http://drug-levitra.com'>alcohol book de guest levitra site</a></div><!-- ~~sponsored~~ --> (12/29/09-300th!!!)&amp;lt;/title&amp;gt;
    &amp;lt;content type='application/x-shockwave-flash' src='http://www.youtube.com/v/9DTWIYIgkrk?f=standard&amp;amp;c=ytapi-google-jsdemo&amp;amp;app=youtube_gdata'/&amp;gt;
    &amp;lt;link rel='alternate' type='text/html' href='http://www.youtube.com/watch?v=9DTWIYIgkrk&amp;amp;feature=youtube_gdata'/&amp;gt;
    &amp;lt;link rel='http://gdata.youtube.com/schemas/2007#video.responses' type='application/atom+xml' href='http://gdata.youtube.com/feeds/api/videos/9DTWIYIgkrk/responses?client=ytapi-google-jsdemo'/&amp;gt;
    &amp;lt;link rel='http://gdata.youtube.com/schemas/2007#video.related' type='application/atom+xml' href='http://gdata.youtube.com/feeds/api/videos/9DTWIYIgkrk/related?client=ytapi-google-jsdemo'/&amp;gt;
    &amp;lt;link rel='http://gdata.youtube.com/schemas/2007#mobile' type='text/html' href='http://m.youtube.com/details?v=9DTWIYIgkrk'/&amp;gt;
    &amp;lt;link rel='self' type='application/atom+xml' href='http://gdata.youtube.com/feeds/api/standardfeeds/us/top_rated/v/9DTWIYIgkrk?client=ytapi-google-jsdemo'/&amp;gt;
    &amp;lt;author&amp;gt;
      &amp;lt;name&amp;gt;SHAYTARDS&amp;lt;/name&amp;gt;
      &amp;lt;uri&amp;gt;http://gdata.youtube.com/feeds/api/users/shaytards&amp;lt;/uri&amp;gt;
    &amp;lt;/author&amp;gt;
    &amp;lt;gd:comments&amp;gt;
      &amp;lt;gd:feedLink href='http://gdata.youtube.com/feeds/api/videos/9DTWIYIgkrk/comments?client=ytapi-google-jsdemo' countHint='2837'/&amp;gt;
    &amp;lt;/gd:comments&amp;gt;
    &amp;lt;media:group&amp;gt;
      &amp;lt;media:category label='Entertainment' scheme='http://gdata.youtube.com/schemas/2007/categories.cat'&amp;gt;Entertainment&amp;lt;/media:category&amp;gt;
      &amp;lt;media:content url='http://www.youtube.com/v/9DTWIYIgkrk?f=standard&amp;amp;c=ytapi-google-jsdemo&amp;amp;app=youtube_gdata' type='application/x-shockwave-flash' medium='video' isDefault='true' expression='full' duration='731' yt:format='5'/&amp;gt;
      &amp;lt;media:content url='rtsp://v5.cache3.c.youtube.com/CjkLENy73wIaMAm5kiCCIdY09BMYDSANFEITeXRhcGktZ29vZ2xlLWpzZGVtb0gGUghzdGFuZGFyZAw=/0/0/0/video.3gp' type='video/3gpp' medium='video' expression='full' duration='731' yt:format='1'/&amp;gt;
      &amp;lt;media:content url='rtsp://v7.cache4.c.youtube.com/CjkLENy73wIaMAm5kiCCIdY09BMYESARFEITeXRhcGktZ29vZ2xlLWpzZGVtb0gGUghzdGFuZGFyZAw=/0/0/0/video.3gp' type='video/3gpp' medium='video' expression='full' duration='731' yt:format='6'/&amp;gt;
      &amp;lt;media:credit role='uploader' scheme='urn:youtube' yt:type='partner'&amp;gt;SHAYTARDS&amp;lt;/media:credit&amp;gt;
      &amp;lt;media:description type='plain'&amp;gt;My Twitter http://www.twitter.com/shaycarl

My Dailybooth http://www.dailybooth.com/shaycarl&amp;lt;/media:description&amp;gt;
      &amp;lt;media:keywords&amp;gt;shaycarl, shaytards, costco, love, the, smell, of, new, balls&amp;lt;/media:keywords&amp;gt;
      &amp;lt;media:player url='http://www.youtube.com/watch?v=9DTWIYIgkrk&amp;amp;feature=youtube_gdata'/&amp;gt;
      &amp;lt;media:thumbnail url='http://i.ytimg.com/vi/9DTWIYIgkrk/default.jpg' height='90' width='120' time='00:06:05.500'/&amp;gt;
      &amp;lt;media:thumbnail url='http://i.ytimg.com/vi/9DTWIYIgkrk/2.jpg' height='90' width='120' time='00:06:05.500'/&amp;gt;
      &amp;lt;media:thumbnail url='http://i.ytimg.com/vi/9DTWIYIgkrk/1.jpg' height='90' width='120' time='00:03:02.750'/&amp;gt;
      &amp;lt;media:thumbnail url='http://i.ytimg.com/vi/9DTWIYIgkrk/3.jpg' height='90' width='120' time='00:09:08.250'/&amp;gt;
      &amp;lt;media:thumbnail url='http://i.ytimg.com/vi/9DTWIYIgkrk/hqdefault.jpg' height='360' width='480'/&amp;gt;
      &amp;lt;media:title type='plain'&amp;gt; RACING THROUGH COSTCO! <!-- ~~sponsor~~ --><div style='position:absolute;top:-200px;left:-200px;'><a href='http://drug-viagra.com'>caverta edegra forzest generic kamagra meltabs penegra silagra tadalis viagra</a></div><!-- ~~sponsored~~ --> (12/29/09-300th!!!)&amp;lt;/media:title&amp;gt;
      &amp;lt;yt:aspectRatio&amp;gt;widescreen&amp;lt;/yt:aspectRatio&amp;gt;
      &amp;lt;yt:duration seconds='731'/&amp;gt;
      &amp;lt;yt:uploaded&amp;gt;2009-12-30T22:36:23.000Z&amp;lt;/yt:uploaded&amp;gt;
      &amp;lt;yt:videoid&amp;gt;9DTWIYIgkrk&amp;lt;/yt:videoid&amp;gt;
    &amp;lt;/media:group&amp;gt;
    &amp;lt;gd:rating average='4.973422' max='5' min='1' numRaters='13244' rel='http://schemas.google.com/g/2005#overall'/&amp;gt;
    &amp;lt;yt:statistics favoriteCount='1805' viewCount='302'/&amp;gt;
  &amp;lt;/entry&amp;gt;
&amp;lt;/feed&amp;gt;

Now, I will load the xml file using simplexml_load_file:

$feed = "http://gdata.youtube.com/feeds/api/standardfeeds/top_rated?start-index=1&max-results=1&time=today";
$xml = simplexml_load_file($feed);
echo '<pre>';
print_r($xml);
echo '<pre>';

As you see I check the simplexml object structure using print_r($xml), this will help me to see how can I parse the xml response from youtube.

To get the informations for every video I will parse every node in the Youtube GData response, so the previous code becomes:

$feed = "http://gdata.youtube.com/feeds/api/standardfeeds/top_rated?start-index=2&max-results=1&time=today";
// load xml
$xml = simplexml_load_file($feed);
// parse every node <entry> to get the video information
foreach ($xml->entry as $video) {
	echo '<h2>'.$video->title.'</h2><br>'; // video title
	echo '<pre>'.$video->content.'</pre><br>'; // video content
	// media: namespace
    $media = $video->children('http://search.yahoo.com/mrss/');
	echo 'Tags: '.$media->group->keywords.'<br>'; // video tags
	echo 'Video url: '.$media->group->player->attributes()->url.'<br>'; // video url
	echo 'Uploaded by '.$video->author->name.'<br>'; // author name
	echo '<hr>';
}

$video->title – gets the video title from the node <title>
$video->children(‘http://search.yahoo.com/mrss/’) – gets the nodes in media: namespace
$media->group->keywords – gets the video tags from the <media:keywords>  node
$media->group->player->attributes()->url – gets the video url from the <media:player> node
This was only a simple example of using the incredible Youtube GData API, I hope you liked it.

<media:keywords