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 =
* http://en.wikipedia.org/wiki/Flash_video
* http://en.wikipedia.org/wiki/HTML5_video
= 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 video at any given time.
* Save the movie as "ports.wmv" using any of the options. Try to find a way to keep the file small, it has 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, 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 table, 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
