Session 9: Multimedia
-
Upload
brielle-brock -
Category
Documents
-
view
21 -
download
0
description
Transcript of Session 9: Multimedia
Session 9:Session 9:MultimediaMultimedia
J 0394 – Perancangan Situs Web J 0394 – Perancangan Situs Web
Program Studi ManajemenProgram Studi ManajemenUniversitas Bina NusantaraUniversitas Bina Nusantara
BWDBWD Bina Nusantara UniversityBina Nusantara University 22
MultimediaMultimediaWeb design will be interesting if you can Web design will be interesting if you can add grphics, sounds, animations, and or add grphics, sounds, animations, and or movies on tour web pages; but the proble is movies on tour web pages; but the proble is the size capacity, for example: ten seconds the size capacity, for example: ten seconds of medium quality sound take up more than of medium quality sound take up more than 200K, which will take your average visitor 200K, which will take your average visitor about a minute to download.about a minute to download.
BWDBWD Bina Nusantara UniversityBina Nusantara University 33
SoundSoundYou can add sound to your web page in You can add sound to your web page in two ways: two ways: – as a file that is download aa at once to your as a file that is download aa at once to your
visitor’s computer and replayed, visitor’s computer and replayed, – as a streaming file that is downloaded little bits as a streaming file that is downloaded little bits
at a time and that starts to play even as it at a time and that starts to play even as it continues downloadingcontinues downloading
BWDBWD Bina Nusantara UniversityBina Nusantara University 44
Sound (2)Sound (2)Several wys to get sound:Several wys to get sound:Self recording; try taking a look at Self recording; try taking a look at Syntrillium Software’s Cool Edit (Syntrillium Software’s Cool Edit (www.syntrillium.comwww.syntrillium.com) or Macromedia’s ) or Macromedia’s SOundEdit (SOundEdit (www.macromedia.comwww.macromedia.com))For streaming audio, download For streaming audio, download RealNetwork’s RealProducer (RealNetwork’s RealProducer (www.real.comwww.real.com))Altavista with audio button or Yahoo: Altavista with audio button or Yahoo: http://dir.yahoo.com/computers_and_interhttp://dir.yahoo.com/computers_and_internet/multimedia/audio/archivesnet/multimedia/audio/archives
BWDBWD Bina Nusantara UniversityBina Nusantara University 55
Sound (3)Sound (3)
Embed sound in a pageEmbed sound in a page– Both major browsers come with plug-ins Both major browsers come with plug-ins
that let them play sound right in the that let them play sound right in the web page itself without it being web page itself without it being neccesary for the visitor to download neccesary for the visitor to download anything extraanything extra
BWDBWD Bina Nusantara UniversityBina Nusantara University 66
VideoVideoListen a sound in a web is not enough. It’s Listen a sound in a web is not enough. It’s possible to add links to video on the possible to add links to video on the webpage. As with sound files, you have to webpage. As with sound files, you have to be especially careful to provide video in a be especially careful to provide video in a format that your visitors will be able to format that your visitors will be able to use: QuickTime and MPEG for Mac and use: QuickTime and MPEG for Mac and Windows, AVI just for WindowsWindows, AVI just for Windows
BWDBWD Bina Nusantara UniversityBina Nusantara University 77
Adding External Video to Web pageAdding External Video to Web page
To make video accessible to visitors To make video accessible to visitors regardless of their browser, it might regardless of their browser, it might consider using, or at least adding, a consider using, or at least adding, a link to an external video file.link to an external video file.
BWDBWD Bina Nusantara UniversityBina Nusantara University 88
Adding Internal VideoAdding Internal VideoMiracle of miracles, there is a way to insert Miracle of miracles, there is a way to insert video and nimations on a page in a way video and nimations on a page in a way that both Netscape and Explorer that both Netscape and Explorer recognize.recognize.
IE supports special, non-standar attribute IE supports special, non-standar attribute of the IMG TAG that allows you to insert of the IMG TAG that allows you to insert video on a pagevideo on a page
BWDBWD Bina Nusantara UniversityBina Nusantara University 99
Real Media FilesReal Media FilesRealMedia files are not downloaded all at RealMedia files are not downloaded all at once, but instead are streamed bit by bit once, but instead are streamed bit by bit to your visitors so that they don’t have to to your visitors so that they don’t have to wait for a complete download before wait for a complete download before listening.listening.
BWDBWD Bina Nusantara UniversityBina Nusantara University 1010
Real Media Files (2)Real Media Files (2)
The 3 components to adding The 3 components to adding RealMedia sound to the page: RealMedia sound to the page: – the sound itself, the sound itself, – a text file called a metafile that a text file called a metafile that
references the sound on the server, andreferences the sound on the server, and– the HTML code that points to the the HTML code that points to the
metafilemetafile
BWDBWD Bina Nusantara UniversityBina Nusantara University 1111
Creating a RealMedia MetafileCreating a RealMedia MetafileA link or embedded RealMedia file does A link or embedded RealMedia file does not point to the file itself, but rather to a not point to the file itself, but rather to a file that points to the RealMedia file. The file that points to the RealMedia file. The intermediary file is called a metafile and is intermediary file is called a metafile and is simply a text file that lists the path of one simply a text file that lists the path of one or more RealMedia files.or more RealMedia files.
BWDBWD Bina Nusantara UniversityBina Nusantara University 1212
Tool EditorTool Editor
Adobe PhotoshopAdobe Photoshop
Microsoft PaintsMicrosoft Paints