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.


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


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


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


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


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.


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


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.


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


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.


Tool EditorTool Editor

Adobe PhotoshopAdobe Photoshop

Microsoft PaintsMicrosoft Paints

session 9: multimedia

Documents