MySpaceTV
http://www.myspacetv.com

MySpaceTV

MySpaceTV.com - a place for videos

Comments
Working with a small yet very talented group of developers, implemented AJAX functionality throughout the MySpaceTV site. Adding, deleting and paging through comments was the primary focus of the AJAX implementation so playback of a video was not interupted. Object-oriented JavaScript modules and a .NET HTTP handler that consumed user requests and returned JSON were developed in conjunction with the Prototype Framework to accomplish all this.
     
  Comments
     
 
Sorting
Using the same techniques as Comments, video sorting in a user's video channel was implemented via AJAX. By manipulating the DOM via JavaScript, video sorting was accomplished when a user clicked on a sort criteria (in this case, by most comments) without having the page refresh.
     
  Sorting
     
 
Sharing
Users have the ability to share the videos they uploaded by either e-mailing a link to the video, blogging about it, adding it to their MySpace.com profile and more. Each sharing method involves a bit of security including implementing a hash to ensure spammers are not propagating their content in malicious ways.
     
  Sharing
     
 
CAPTCHA
Working with the MySpace.com Security Team, we implemented CAPTCHA (Completely Automated Public Turing test to tell Computers and Humans Apart) when adding video and channel comment in order to curb the amount of spam posted to the site. The actual CAPTCHA was developed by the Security Team while my role was to implement it in the site. This involved updating a .NET service handler which called Security libraries that returned values utilized on the client-side to generate the CAPTCHA image. Submission of the user's response was done via AJAX so video playback was not interrupted.
     
  CAPTCHA
     
 
Advertising Synchronization
In order to monetize videos on the web, MySpaceTV parterned with DoubleClick to serve advertisements during video playback. I worked with DoubleClick to allow the Flash video player to call a series of JavaScript APIs I wrote that display advertisements on the web page in correlation to what video is being played. In the screenshot below, a video that is sponsored by Ford is being played so we then show a Ford Focus advertisement on the left of the video.
     
  Advertising Synchronization
     
 
Home | Search | Contact Me