Handbuch Webdesign: Multimedia

Aus Wikibooks

[Bearbeiten] Multimedia

Handbuch Webdesign Multimedia

[Bearbeiten] Einleitung

In Kapitel 1 haben Sie sich schon einmal mit der Problemstellung beschäftigt, Dateien mit einem anderen Format als HTML in eine Website einbindet. Dazu reicht ein einfacher Link. Diese Methode finden Sie hier noch einmal, unter dem Stichwort "Download".

Weiters werden Streaming Audio, Eingebettete Multimedia-Objekt, Flash und Java-Applet behandelt. Am Ende des Kapitels wissen Sie welche Technik Sie für welche Aufgabenstellung verwenden können.

[Bearbeiten] Download

<img src="pdf.gif" alt=""> Folien zu Dateisystemen, 450 KB pdf <a href="docs/dateisysteme-sw.pdf">sw</a> oder <a href="docs/dateisysteme.pdf">farbe</a>

Beispiel: PDF (oder Audio) zum Download anbieten: ganz normaler Link. Achtung: Als Gestalterin der Seite kann ich nicht festlegen, ob die PDF-Datei gespeichert werden soll, oder ob sie gleich im Browser (mittel PlugIn) angezeigt werden soll.

[Bearbeiten] Streaming: Real Audio für Arme

{{:Handbuch Webdesign: Vorlage: Abbildung|Datei:Handbuch Webdesign-Multimedia 2.jpg||}

Mit dem (gratis-) Progamm "Real Producer Basic" konvertiere ich meine Audio-Dateien ins rm-Format. Beim Konvertieren muss ich die Qualität auswählen, z.B "für schechtes Modem", oder "für ISDN-Leitung", oder "Für ADS-Anschluss". Mit dem Text-Editor erstelle ich eine Datei mit gleichem Namen, und der Endung ram. In diese Datei schreibe ich die URL, unter der die rm-Datei erreichbar sein wird.

 http://webwelt.horus.at/multimedia/28-hamsterdance.rm

In der Webseite mach ich einen ganz normalen Link zur ram-Datei.

 Musik für <a href="28-hamsterdance.ram">28-er Modem</a>

[Bearbeiten] Einbetten

Falls im Browser ein geeignetes Plugin für diesen Dateityp installiert ist, wird er das Plugin als Teil der Webseite anzeigen, und das Plugin tut dann was es tut. Es gibt viele verschiedene Plugins für ein und denselben Datentyp.

 <embed src="B5.mov" 
 width="160" 
 height="140" 
 align="left" 
 autostart="false">
 </embed>

Für Eingebettetes Audio bieten sich noch die Attribute hidden="true" und loop="true" an. Nachteil dieser Methode: beim Erstellen der Seite kann ich nicht kontrollieren, welches der vielen verschiedene Plugins verwendet wird. Je nach Plugin sieht das ganze dann verschieden aus.

[Bearbeiten] Flash verwenden

Mit Flash können Sie sich einen Media-Player selbst bauen, und bis ins Detail selbst gestalten.

ToDo: Einbettung von swf-Dateien beschreiben

[Bearbeiten] Java-Applets verwenden

Achtung: die Programmiersprache Java hat nichts mit der Programmiersprache Javascript zu tun ( Um genau zu sein: Java gibt es schon länger als Javascript, Javascript wurde zu einer Zeit erfunden als Java mega-in war. Deswegen wurde der Name Javascript in Anlehnung an Java gewählt. Ein Marketing-Gag, keine inhaltliche Ähnlichkeit.) .

Java-Applets sind kleine Java-Programme, die man in einer Webseite verwenden kann um gewisse Effekte zu erziehlen. Ursprünglich konnte man nur mit Java-Applets Animationen zeigen (aber dafür gibt?s jetzt ja animierte gifs), Rollover-Effekte machen (aber dafür gibt?s ja jetzt Javascript), oder komplexe interaktive Animationen darstellen (aber dafür gibt?s jetzt ja Flash). Es sind also relative wenige Anwendungsbeispiele für Java-Applets übrig geblieben. Hier Eines:

Datei:Handbuch Webdesign-Applet 1.gif

Wenn man mit der Maus über das Bild fährt "kräuselt" ein Wasser-Effekt das Bild. Der dazugehörige HTML-Code (etwas gekürzt):

<applet archive="AnWater.jar"
code="AnWater.class" 
width="350" height="70">
<param name="credits" 
value="Applet by Fabio Ciucci (www.anfyjava.com)">
<param name="res" value="1">
<param name="image" value="aphome.jpg">
<param name="light" value="YES">
<param name="minlight" value="0">
<param name="maxlight" value="100">
<param name="autodesign" value="NO">
<param name="density" value="4">
Sorry, your browser doesn't support Java.
 </applet>

Die dazugehörigen Dateien:

Dieser Effekt entstammt der Applet-Sammlung anfy^[1]. Das Windows-Programm von Anfy hilft beim Schreiben des HTML-Codes und beim Kopieren der nötigen Dateien in den Web-Ordner. In Dreamweaver ist das Symbol für Java-Applet eine dampfende Tasse Kaffee. (Java ist in Kalifornien der Name einer bestimmten Kaffee-Sorte, nach dieser Kaffee-Sorte wurde die Programmiersprache benannt. Ein gutes Beispiel für ein Icon, das nicht international funktioniert)

Mit dem Eigenschaften-Fenster können Sie die Parameter für das Applet eingeben.

[Bearbeiten] Zusammenfassung

So viele verschiedene Techniken, blos um ein bisschen Audio und Video und Interaktion in der Webseite unterzubringen? Ja, sobald man die einfachen Medien Text und Standbild hinter sich lässt wird das Erstellen von Webseiten wesentlich komplizierter.

Flash ist für Sie als DesignerIn ein interessantes Thema, das aber den Umfang dieses Buches sprengt.

[Bearbeiten] Quellen

1. ↑ http://www.anfyteam.de/