Digital Design for the Arts and Humanities website

Digital Design homepageDaily Readings for Digitial Design courseDigital Design Course syllabusE-Mail Digital Design StudentsTechnology, Arts, and Media Program homepageSewall Academic Program homepageCU-Boulder homepage

Streaming Audio and Video and
Spash Pages

   




4. Putting video files on a webpage

  1. Typical Video File Formats for the Web
  • QuickTime Movie (.mov)
  • AVI Video file (.avi)
  • MPEG3 (.mpg)
  • ASF video file (.asf)

   2. Streaming Video Players for the Web

5. Quick Time Movies on the Web

  1. Putting QuickTime Movies on the Web

  2. Movies: Movie Clips on the Web

  3. Creating High Quality Content with Windows
    Media Encoder

  4. If you can't run these movies, you need
    to  Download and install QuickTime Player

  5. QuickTime Movie Trailers

  6. Movie Trailers on the Web

6. Using Dreamweaver to Insert Movies and Sound
files onto a webpage (See class handouts for
information about settings).

  1. In Dreamweaver, select "Insert" and select
    "Media" and then select "plug-in."

  2. Remember to set the parameters for your
    movie by clicking the "parameters" and
    then selecting how you want your movie to
    run.

  3. In some cases, you will need to select the
    name of the plug-in that the computer will
    need to run the movie.  For example,
    the plug-in for Quick Time movies is
    "Quick Time".

  4. See the handout for a list of parameters to
    set for running video on a webpage

    Autostart=false
    controller=true
    width=180
    height=140
    Loop=false
    pluginspage="http://www.cnn.com/SHOWBIZ/Movies/
    bat_forever/Batman.mov"

  5. Dark Blue Trailer


  6. Link to Spider Man 2 Movie Trailer


  7. Star Wars III Trailer : finding the ".mov" URL in order to link the trailer to your webapge.

    --Actual Star Wars Trailer


  8. Examples of Movie Trailers added to a webpage

    1. Matrix Reloaded

    2. Starsky and Hutch

    3. Alien vs. Predator

    4. Spider Man 2

  9. Look at the source code of any of my trailer
    pages and look at the source code for a movie
    trailer on quicktime to understand what parts
    of the quicktime movie trailer source code I
    needed to copy to have the trailer load in
    my own website.

  10. The secret to this trick is to make sure you copy the URL for the quicktime movie, which should always end with ".mov" and then paste this URL into the code of your own webpage.


  11. See wmovies.htm for example of Running Movies

6. Splash pages

  1. Example of basic Splash Page

  2. Basic Splash Page

  3. Splash Demo Page

  4. Redirecting webpages

  5. Splash Pages May Drown your Site

7.. Putting it all together: Movies, Sound, and
image rollovers

  1. Incubus.com

  2. This is a complex site that uses mouseovers and
    rollovers to play movies, sound, and animated gif files.

  3. They used Flash to create and run this site.

  4. This site is just too complicated to used javascript
    and simple mouseover tricks.  It used Flash to
    make all these features work seamlessly together.

 

 

 

 

 

 

 

 

 

 

Good Web Design Sites
Award-winning Web Designs
Great Web Design Books
Sewall Class Web Designs

| Home Page  | Readings | Syllabus | Web Resources | Top of Page |

Number of Visitors to this site: 
2939      by Chris H. Lewis, Ph.D.

© 2000 by Chris H.  Lewis, Ph.D.
Sewall Academic Program; University of Colorado at Boulder
Created 1 June 2000:  Last Modified: 17 March, 2006
E-mail: cclewis@spot.colorado.edu
URL:    http://www.colorado.edu/AmStudies/lewis/Design/splash.htm

Digital Design Course homepage