Recently I have had the desire to provide more multimedia on my site. Due to the server requirements and the time it would take to keep everything up-to-date I decided to take the easy way out and simply link to the media providers such as Apple and WatchCartoonOnline. If you check out my home page at GoToChrisWest.com you will notice I have three new content sections with one of them for displaying anime/cartoon content. How did I get it to work? The following is the JSBin version of the content:
WatchCartoonOnline Links

As is the case with all JSBin content, you will be able to look through all of the HTML, CSS and JS code yourself, but it is important to note that with just a few tweaks here and there you could modify this code to work on your own site. I’d like to note that besides using the RSS feed provided by WatchCartoonOnline I am also using two different services provided by Google:

  1. Google Feed API (https://ajax.googleapis.com/ajax/services/feed/load?…):
    Used to convert the feed into JSON-P.
  2. Google Image Search API (https://ajax.googleapis.com/ajax/services/search/images?…):
    Used to search for a thumbnail to display next to each episode name. If you want to actually use this on your site it is suggested that you use the non-deprecated Custom Search API 🙂

I’d also like to mention that the scripts added to handle the JSON-P calls are created by the function outlined here.

One way you could improve this code would be to avoid making a new JSON-P call for an image for a show that was already search for. There are most-likely other ways to improve this code as well, but I feel it’s a pretty good starting point for anyone that would like to provide similar links to WatchCartoonOnline content on their site. 😎

Categories: BlogJavaScriptVideos

Leave a Reply

Your email address will not be published. Required fields are marked *