[ rui da costa ]

Video Management Page Design/Development, AJAX

One day I was bored and looking at my video collection. I wondered why I hadn't tried to index my files and make an easy way for myself (and others) to view/download them. I came up with this simple, little video catalog.

I didn't really have the server setup to do anything too crazy with the video files, so I made little preview images of the shows and movies that I had. In the spirit of trying new things, I set a horizontal panel that would randomly select all my items for display; that way the same series of things don't show up on every load of the page.

Using the directory structure that I had in place for video files, I sorted all the files into two groups: TV Shows and Movies. I made the ability to show either group or all videos at once using some Javascript. Also using Javascript, PHP, and XML (AJAX) I display the file(s) for download; if it is a TV Show, the files are sorted into different seasons.

Originally I wanted to have the ability to also play the video files in browser, but there were a few complications getting different plugins to work for multiple browsers, so I scrapped that idea. This page is yet another valid XHTML and valid CSS page.