COAP:COAP-2100/week6: Difference between revisions

The educational technology and digital learning wiki
Jump to navigation Jump to search
mNo edit summary
mNo edit summary
Line 11: Line 11:
==== Teaching materials ====
==== Teaching materials ====


* [[HTML5 video and audio tutorial]]
* [[HTML5 video and audio]]
* [http://en.wikipedia.org/wiki/Image_file_formats Image File Formats] (Wikipedia)
* [http://en.wikipedia.org/wiki/Image_file_formats Image File Formats] (Wikipedia)
<!-- * [[Wiki]] and [[Mediawiki]] (background information and links) -->
<!-- * [[Wiki]] and [[Mediawiki]] (background information and links) -->

Revision as of 15:43, 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


Classroom activities

Monday
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