I have been playing around lately with responsive web design. My department is in the process of redesigning our site. To help everybody visualize what the site will look like and to help me with figuring out the css, I have been building a prototype out of just HTML5 and CSS3. The CSS generated by SASS. Scripting to run menus and other features will be added later. You must have a recent browser for it to work right, and since it is a prototype, I am not in any hurry to make it compatible with older browsers.
Take a look. (server taken off line.)
What started it was the need to add captioned video. The original version had the ability to show transcripts, but it was limited to a long string of text. Since the original was built two wonder events happened; the updated release of Captionate, and Flash’s FLVPlaybackCaptioned component. This new version of Captionate allows for the easy creation of the timed XML file that FLVPlaybackCapioned needs to work properly. Voilà! Easy caption creation.
Continue reading e-Learning Center Media Player
Times are a changin’ and my department knew that we needed something more than the Flash based players we had been using for quite some time. One of the bigger forces that drove us to need an HTML 5 player was the rise in ‘iDevices’, such as the iPhone and iPad by Apple. The charge was given to me to create a player that would work nice with the existing infrastructure and able to deliver media in both video and audio formats.
Continue reading HTML 5 Player Goodness