Exercise 2: Audio and Video Formats
- Download this file or find a .mov on your file system (like from your digital camera).
- Use Miro Video Converter to encode the file into enough formats so that your
site will work on Firefox, Chrome, and Safari.
- Download the encoded files into your project folder.
- Create an
audio
tag to embed the audio, using multiple source
tags to specify each file format. Make sure it plays on each browser.
- Download an uncompressed video file (avi, flv, etc)
- Use Miro Video Converter to encode the file into enough formats so that your
site to work on Firefox, Chrome, and Safari.
- Download the encoded files into your project folder.
- Create a
video
tag to embed the audio, using multiple source
tags to specify each file format. Make sure it plays on each browser.
- Bonus:Download JWPlayer and put the player.swf in your project folder. Add a flash fallback to your video tag. Specify the src URL like "player.swf?videoUrl=sayHello.mp3&autoPlay=true"
- Bonus:Try recording a video on your smartphone and figuring out how to get that encoded and on your webpage.