COAP:COAP-2100/week6: Difference between revisions
Jump to navigation
Jump to search
| Line 12: | Line 12: | ||
* [[HTML5 audio and video]] | * [[HTML5 audio and video]] | ||
* [http://en.wikipedia.org/wiki/ | * [http://en.wikipedia.org/wiki/Digital_container_format Digital container format] (Wikipedia) | ||
* [[Video streaming]], [[Multimedia container format]], [[Codec]], [[Video editing]] (some short background info with links) | |||
* [[Video streaming]], [[Multimedia container format]], [[Codec]] (some short background info with links) | |||
* [[Flash video component tutorial]] (only "Video encoding with Flash CS3", "Using the video with the component first method", "Making use of captions") | * [[Flash video component tutorial]] (only "Video encoding with Flash CS3", "Using the video with the component first method", "Making use of captions") | ||
Revision as of 15:46, 21 April 2012
Week 5
Topics Covered
- Video/Audio formats and codecs
- Strategies for dealing with Video formats (Editing and conversion)
- Video with HTML5
- XML (some principles as explained in the Editing XML tutorial)
Teaching materials
- HTML5 audio and video
- Digital container format (Wikipedia)
- Video streaming, Multimedia container format, Codec, Video editing (some short background info with links)
- Flash video component tutorial (only "Video encoding with Flash CS3", "Using the video with the component first method", "Making use of captions")
Classroom activities
- Monday
- Creating videos for the HTML5
- Video formats (Multimedia container format)
- http://video.google.com/videoadvancedsearch (Google video search)
- https://addons.mozilla.org/en-US/firefox/addon/3006 (Video download tool, FF extension)
- Wednesday (to be confirmed)
- Creating Flash videos
- Video encoding for Flash and Timed Text (Flash video component tutorial, only "Video encoding with Flash CS3", "Using the video with the component first method", "Making use of captions")
Code template for timed text:
<?xml version="1.0" encoding="UTF-8"?>
<tt xml:lang="en" xmlns="http://www.w3.org/2006/04/ttaf1"
xmlns:tts="http://www.w3.org/2006/04/ttaf1#styling">
<head><styling></styling></head>
<body>
<div xml:lang="en">
<p begin="1" dur="4">Let´s start</p>
</div>
</body>
</tt>
Code template for times text (advanced):
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE tt SYSTEM "mini-tt.dtd">
<tt xml:lang="en" xmlns="http://www.w3.org/2006/04/ttaf1"
xmlns:tts="http://www.w3.org/2006/04/ttaf1#styling">
<head>
<styling>
<style id="title" tts:backgroundColor="transparent" tts:color="red" tts:fontSize="24"/>
</styling>
</head>
<body>
<div xml:lang="en">
<p begin="0" dur="9" style="title">Something</p>
<p begin="30" dur="5">My
<span tts:backgroundColor="yellow" tts:color="black">
something</span>
</p>
<p begin="35" dur="5">
<span tts:backgroundColor="transparent"></span>
Working hard ....
</p>
<p begin="40" dur="4">The outside (not my bike)</p>
</div>
</body>
</tt>
Homework 5
Create an HTML5 video
- Details TBA
Due: Moday, week 7