1,234
edits
Changes
→Video on the web
* Quicktime (mov)
* 3GP
* MP4
* OGG
* Flash (flv)
* DVI: a specification for digital transmission of video, and also the common name for a connector. No audio. Interestingly a DVI cable also carries an analog signal for the same video.
* HDMI: an interface that includes digital video, digital audio, CEC, and even ethernet. Mini HDMI and micro HDMI are also becoming popular, used on smaller devices such as smartphones.
* Display port.
=== RF channels ===
More recently with development of HTML5 it became possible to embed non-flash videos on webpages using the <video> tag. Unfortunately that specification does not mandate use of a particular container and codec, so support for the tag varies with different browsers.
== Hardware for the lab ==
If you have a digital camera or if your phone can shoot video - bring it to the lab next time (don't forget the cable).
= Links =
= Lab =
This is a marked lab. Please submit it using Moodle (Lab5). == Shoot a video == * Have a look at the video ports available on your laptop, or your desktop, or the lab machines. Note that Apple likes to have their own versions of connectors. Make a list of the ports, what types of ports they are.* If you cellphone/camera can shoot video - make a short one, probably 30 seconds, just showing the video ports on your machine. If you don't have one - you can borrow mine. == Simple editing == This is very basic movie editing, and professionals will laugh if you say you edited a movie with this tool, but it`s a good set of basic skills to have. * Use the windows live movie maker to create a new project.* Add the video you shot to your project.* Save the project, note that the project file is very small and does not include the video file.* Add a title screen with your name, date, and the machine you`ve shot the video of.* Add a transition effect between the title screen and the video.* Add some subtitles, naming the ports that are beeing displayed in the center of the videoat any given time.* Save the movie as "ports.wmv" using any of the options. Try to find a way to keep the file small, edit ithas to be under 10MB for Moodle to accept it. == Format coversions == * Download the free Prism video file converter from NCH sotware and install it.* Set the video to shrink to a smaller size (640x480 or 640x360 depending on whether your video was widescreen to begin with).* Use it to convert your ports.wmv to ports.3gp using the H.263 codec.* Use it to convert your ports.wmv to ports.mp4 using the H.264 codec.* Use it to convert your ports.wmv to ports.gif, this will be an simple animated gif. This one will obviously not have any sound (and will be an animated image, put not a video). * Download the free Miro Video Converter and install it .* Convert your video to ports.ogg* Convert your video to ports.webm == Video on the web == This part is very similar to the audio part you`ve done last week but now you use video instead. * Make an html page with a webpagetable, and in each file have cells for:** The container (extension) and codec** The size of the file** An html <video> tag with that file, except for the gif.** List of browsers where the video did and did not play.* Try it in at least 3 different browsers. == Submit == You have to submit: * A screenshot shopwing all the video files you created* The wmv with you created under 'simple editing'* The HTML file
