COAP:COAP-2100/week7: Difference between revisions
mNo edit summary |
|||
Line 19: | Line 19: | ||
** https://addons.mozilla.org/en-US/firefox/addon/3006 (Video download tool, FF extension) | ** https://addons.mozilla.org/en-US/firefox/addon/3006 (Video download tool, FF extension) | ||
; Teaching materials for Monday and Wednesday | |||
* [[Flash video component tutorial]] (only "Video encoding with Flash CS3", in particular: | * [[Flash video component tutorial]] (only "Video encoding with Flash CS3", in particular: | ||
** [[Flash_video_component_tutorial#Using_the_video_with_the_component_first_method|Using the video with the component first method]] | ** [[Flash_video_component_tutorial#Using_the_video_with_the_component_first_method|Using the video with the component first method]] | ||
** [[Flash_video_component_tutorial#Making_use_of_captions|Making use of captions]] | ** [[Flash_video_component_tutorial#Making_use_of_captions|Making use of captions]] | ||
=== Wednesday === | |||
* Timed text | |||
* Using the Flash FLVPlayback Captioning component | |||
Code template for timed text: | Code template for timed text: | ||
Line 69: | Line 75: | ||
Create a Flash video with captions | Create a Flash video with captions | ||
* Encode a video with the Flash or the Adobe Media encoder (remove unwanted start/end | * Encode a video with the Flash or the Adobe Media encoder (remove unwanted start/end from the film and select an appropriate output format, e.g. *.flv or *.fl4) | ||
* Prepare a flash "movie clip" that includes playback with the video component plus captions. | * Prepare a flash "movie clip" that includes playback with the video component plus the captions component. | ||
* You can choose any film you like, but preferably one that you made yourself (originality bonus) | * You can choose any film you like, but preferably one that you made yourself (originality bonus) | ||
Bonus points: Extra elements in the | Bonus points: Extra elements in the generated HTML page, interesting captions, good timing, etc. I.e. the result should look professional and be useful. | ||
I suggest that those who already turned in | I suggest that those who already turned in 5 homework could skip this exercise. I will not test Flash in the final exam. I only require that you have some basic understanding of timed text (i.e. be able to use the "p" tag for defining start and duration of captions ....) | ||
When you upload the result, make sure to include all files needed to see the Flash clip, i,e, html, swf, component swf, flv, js. To get this right, I suggest to use a new folder for this project. | When you upload the result, make sure to include all files needed to see the Flash clip, i,e, html, swf, component swf's, flv, and js. To get this right, I suggest to use a new folder for this project, then zip the folder and turn in the folder. | ||
Due: Wednesday, week 8 | Due: Wednesday, week 8 | ||
[[Category: COAP 2100]] | [[Category: COAP 2100]] |
Revision as of 01:03, 2 May 2012
Week 7
Topics Covered
- Video with Flash
- Encoding of Flash videos
- Creating Flash files with the video component
- Adding captions (sub-titles) with Timed Text
- XML (some principles as explained in the Editing XML tutorial)
Classroom activities
- Monday
- Creating Flash videos: Flash video component tutorial
- 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)
- Teaching materials for Monday and Wednesday
- Flash video component tutorial (only "Video encoding with Flash CS3", in particular:
Wednesday
- Timed text
- Using the Flash FLVPlayback Captioning component
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 7
Create a Flash video with captions
- Encode a video with the Flash or the Adobe Media encoder (remove unwanted start/end from the film and select an appropriate output format, e.g. *.flv or *.fl4)
- Prepare a flash "movie clip" that includes playback with the video component plus the captions component.
- You can choose any film you like, but preferably one that you made yourself (originality bonus)
Bonus points: Extra elements in the generated HTML page, interesting captions, good timing, etc. I.e. the result should look professional and be useful.
I suggest that those who already turned in 5 homework could skip this exercise. I will not test Flash in the final exam. I only require that you have some basic understanding of timed text (i.e. be able to use the "p" tag for defining start and duration of captions ....)
When you upload the result, make sure to include all files needed to see the Flash clip, i,e, html, swf, component swf's, flv, and js. To get this right, I suggest to use a new folder for this project, then zip the folder and turn in the folder.
Due: Wednesday, week 8