Session 9:
Multimedia
J 0394 – Perancangan Situs Web
Program Studi Manajemen
Universitas Bina Nusantara
Multimedia
Web design will be interesting if you can
add grphics, sounds, animations, and or
movies on tour web pages; but the proble is
the size capacity, for example: ten seconds
of medium quality sound take up more than
200K, which will take your average visitor
about a minute to download.
BWD
Bina Nusantara University
2
Sound
You can add sound to your web page in
two ways:
– as a file that is download aa at once to your
visitor’s computer and replayed,
– as a streaming file that is downloaded little
bits at a time and that starts to play even as it
continues downloading
BWD
Bina Nusantara University
3
Sound (2)
Several wys to get sound:
Self recording; try taking a look at
Syntrillium Software’s Cool Edit
(www.syntrillium.com) or Macromedia’s
SOundEdit (www.macromedia.com)
For streaming audio, download
RealNetwork’s RealProducer
(www.real.com)
Altavista with audio button or Yahoo:
http://dir.yahoo.com/computers_and_inter
net/multimedia/audio/archives
BWD
Bina Nusantara University
4
Sound (3)
Embed sound in a page
– Both major browsers come with plug-ins
that let them play sound right in the
web page itself without it being
neccesary for the visitor to download
anything extra
BWD
Bina Nusantara University
5
Video
Listen a sound in a web is not enough. It’s
possible to add links to video on the
webpage. As with sound files, you have to
be especially careful to provide video in a
format that your visitors will be able to
use: QuickTime and MPEG for Mac and
Windows, AVI just for Windows
BWD
Bina Nusantara University
6
Adding External Video to Web page
To make video accessible to visitors
regardless of their browser, it might
consider using, or at least adding, a
link to an external video file.
BWD
Bina Nusantara University
7
Adding Internal Video
Miracle of miracles, there is a way to
insert video and nimations on a page in a
way that both Netscape and Explorer
recognize.
IE supports special, non-standar attribute
of the IMG TAG that allows you to insert
video on a page
BWD
Bina Nusantara University
8
Real Media Files
RealMedia files are not downloaded all at
once, but instead are streamed bit by bit
to your visitors so that they don’t have to
wait for a complete download before
listening.
BWD
Bina Nusantara University
9
Real Media Files (2)
The 3 components to adding
RealMedia sound to the page:
– the sound itself,
– a text file called a metafile that
references the sound on the server, and
– the HTML code that points to the
metafile
BWD
Bina Nusantara University
10
Creating a RealMedia Metafile
A link or embedded RealMedia file does
not point to the file itself, but rather to a
file that points to the RealMedia file. The
intermediary file is called a metafile and is
simply a text file that lists the path of one
or more RealMedia files.
BWD
Bina Nusantara University
11
Tool Editor
Adobe Photoshop
Microsoft Paints
BWD
Bina Nusantara University
12