1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>SELFHTML: HTML/XHTML / Multimedia / Multimedia einbinden (Netscape herkömmlich)</title>
<link rel="stylesheet" type="text/css" href="../../src/selfhtml.css">
<meta name="description" content="Wie Sie Video, Sound, 3D-Welten usw. nach herkömmlicher Netscape-Syntax in HTML einbinden können.">
<meta name="keywords" content="SELFHTML, HTML, XHTML, Multimedia, Video, Sound, virtuelle Welten, Plugins, Flash, Netscape, <embed>, <noembed>, src=, width=, height=, pluginspage=, pluginurl=, hspace=, vspace=, align=">
<meta name="author" content="Stefan Münz, selfhtml@teamone.de">
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="DC.Publisher" content="selfhtml@teamone.de">
<meta name="DC.Date" content="2001-10-27T08:00+01:00">
<meta name="DC.Identifier" content="http://selfhtml.teamone.de/html/multimedia/netscape.htm">
<meta name="DC.Language" content="de">
<meta name="DC.Rights" content="../../editorial/copyright.htm">
<meta name="DC.Date.Create" content="2001-10-27T08:00+01:00">
<meta name="SELF.Version" content="1">
<meta name="SELF.Pagetype" content="Information">
<meta name="SELF.Path" content="SELFHTML == ../../index.htm // HTML == ../index.htm // Multimedia == index.htm">
<link rel="stylesheet" type="text/css" href="../../src/selfhtml.css">
</head>
<body bgcolor="#FFFFFF" text="#000000" link="#AA5522" vlink="#772200" alink="#000000">
<table cellpadding="4" cellspacing="0" border="0" width="100%">
<tr><td bgcolor="#FFEEDD" class="nav"><a class="an" name="top"><img src="../../src/refkap.gif" width="16" height="13" border="0" alt="Teil von"></a> <a href="../../index.htm"><b>SELFHTML</b></a>/<a href="../../navigation/index.htm" target="_parent">Navigationshilfen</a> <img src="../../src/refkap.gif" width="16" height="13" border="0" alt="Teil von"> <a href="../index.htm"><b>HTML/XHML</b></a> <img src="../../src/refkap.gif" width="16" height="13" border="0" alt="Teil von"> <a href="index.htm"><b>Multimedia</b></a></td>
</tr></table>
<table cellpadding="4" cellspacing="0" border="0" width="100%">
<tr>
<td bgcolor="#EEEEEE" class="doc" width="110"><img src="../../src/logo.gif" width="106" height="109" border="0" alt="SELFHTML"></td>
<td bgcolor="#EEEEEE" class="doc" valign="bottom" width="100%"><h2>Multimedia einbinden (Netscape herkömmlich)</h2></td>
</tr>
<tr>
<td bgcolor="#EEEEEE" class="doc" valign="top" align="center">
<img src="../../src/dokx.gif" width="30" height="20" vspace="6" border="0" alt="Informationsseite">
</td>
<td bgcolor="#FFFFFF" valign="top" nowrap>
<p>
<img src="../../src/down.gif" width="14" height="10" border="0" alt="nach unten"> <a href="#definieren"><b>Multimedia-Bereich definieren</b></a><br>
<img src="../../src/down.gif" width="14" height="10" border="0" alt="nach unten"> <a href="#ausrichten"><b>Multimedia-Bereich ausrichten</b></a><br>
<img src="../../src/down.gif" width="14" height="10" border="0" alt="nach unten"> <a href="#alternativer_inhalt"><b>Alternativer Inhalt für Browser</b></a><br>
</p>
</td>
</tr>
<tr><td colspan="2" bgcolor="#EEEEEE" class="doc"> <a href="#bottom"><img src="../../src/down.gif" width="14" height="10" border="0" alt="nach unten"></a> </td></tr>
</table>
<h2 class="Sh2"><img src="../../src/msie3.gif" width="30" height="30" border="0" alt="MSIE 3.0"><img src="../../src/netsc2.gif" width="30" height="30" border="0" alt="Netscape 2.0"> <a class="an" name="definieren">Multimedia-Bereich definieren</a></h2>
<p>In seiner damals Furore machenden Produktversion 2.0 führte Netscape neben
anderen bahnbrechenden Neuerungen wie dem <code>font</code>-Element, den Frames
und der Möglichkeit, Java-Applets einzubinden, auch ein Element namens <code>embed</code>
ein, um andere Multimedia-Inhalte in HTML zu referenzieren. Damit einhergehend
implementierte Netscape die so genannte Plugin-Schnittstelle in seinem Browser.
Schnell entstand ein Wildwuchs an Plugin-Software, mit deren Hilfe und dem hier
beschriebenen Element sich beliebige multimediale oder proprietäre Binärformate
in HTML einbinden ließen.</p>
<p>Aus heutiger Sicht gilt für dieses Element jedoch noch stärker als für das Element zum Einbinden von Java-Applets: es ist ein Relikt und sollte allmählich fallengelassen werden. Denn im Unterschied zum <code>applet</code>-Element hat das <code>embed</code>-Element nie zum HTML-Standard gehört. Es wird hier noch beschrieben, weil es heute leider immer noch sehr verbreitet ist und beispielsweise bei Netscape 4.x die einzig sinnvolle und halbwegs funktionierende Möglichkeit ist, Multimedia einzubinden.</p>
<h3 class="xmp">Beispiel:</h3>
<p><img src="../../src/dokf.gif" width="15" height="10" border="0" alt="Popup-Seite"> <a href="anzeige/embed.htm" target="_blank"><b>Anzeigebeispiel: So sieht's aus</b></a></p>
<table width="100%" cellpadding="10"><tr><td class="xmpcode" bgcolor="#FFFFE0"><pre>
<html>
<head>
<title>Text des Titels</title>
</head>
<body>
<h1>Da kommt Freude auf!</h1>
<embed src="yippee.wav" width="140" height="60">
</body>
</html>
</pre></td></tr></table>
<h3 class="xpl">Erläuterung:</h3>
<p>Mit <code><embed src=></code> definieren Sie eine Plugin-Referenz (<i>embed = einbetten, src = source = Quelle</i>). Beim <code>src</code>-Attribut notieren Sie die gewünschte Datei. Dabei gelten die <img src="../../src/dok.gif" width="15" height="10" border="0" alt="Seite"> <a href="../allgemein/referenzieren.htm"><b>Regeln zum Referenzieren in HTML</b></a>.</p>
<p>Mit den Attributen <code>width=</code> und <code>height=</code> sollten Sie stets die Größe des eingebundenen Bereichs bestimmen, damit der Browser die Seite schneller aufbauen kann. Beide Attribute erlauben als Wertzuweisung Pixel (absolut) oder Prozentangaben (relativ in Bezug auf die zur Verfügung stehende Fläche). Wenn Sie beide Werte auf 0 setzen, können Sie die sichtbare Anzeige des Bereichs unterdrücken - z.B. für Sound-Dateien, die automatisch abspielen.</p>
<p>Das <code>embed</code>-Element kann mit oder ohne End-Tag notiert werden.</p>
<p>Ob und wie die Datei letztendlich beim Anwender "angezeigt" wird, hängt von vielen Faktoren ab, zum Beispiel von der Art der Datei, von den Hardware-Voraussetzungen des Anwenders, von den installierten Plugins und von vorhandenen, dem Browser bekannten Fremdprogrammen. Bei Dateitypen, zu denen der Netscape-Browser ein Plugin kennt, fragt er den Anwender, falls dieser das Plugin nicht hat, ob er das Plugin haben möchte, und erlaubt das Downloaden des erforderlichen Plugins. Wenn der Web-Browser die Datei nicht verarbeiten kann, sollte er eine Fehlermeldung ausgeben und anstelle der Datei ein Symbol für nicht darstellbare Daten anzeigen.</p>
<p>Mit dem Attribut <code>pluginurl=</code> können Sie aber auch einen URI im Internet bestimmen, wo ein Plugin zum Anzeigen oder Abspielen der eingebundenen Datei bereitsteht. Es muss sich nach dem Plugin-Konzept von Netscape um eine Java-Archivdatei (Dateien *.jar) handeln. Diese Angabe startet den in Netscape 4.x integrierten JAR-Installationsmanager (JIM). Der Anwender kann das Plugin online von der angegebenen Adresse installieren. Netscape führt die Installation durch und kann anschließend sofort die eingebundene Multimedia-Datei anzeigen. Das Attribut <code>pluginurl=</code> ist erst seit Netscape 4.x verfügbar.<br>
Mit <code>pluginspage=</code> können Sie einen URI bestimmen, wo Installationshinweise für ein Plugin hinterlegt sind, das die eingebundene Multimedia-Datei anzeigen bzw. abspielen kann. Dies ist nicht ganz so elegant wie die Technik, die hinter <code>pluginurl=</code> steckt. Aber wenn das Plugin in einem anderen Format als dem Java-Archivformat vorliegt, sollten Sie die Angabe <code>pluginspage=</code> wählen, sofern Ihnen eine Internet-Adresse mit einem geeigneten Plugin bekannt ist.</p>
<p>Es gibt einen phantastischen Wildwuchs an weiteren Attributen für das <code>embed</code>-Element. Dies stammt alles aus einer Zeit, wo keinerlei Bewusstsein für die Notwendigkeit einer Standardisierung von HTML herrschte. Es liegt aber auch am schlecht durchdachten Konzept des <code>embed</code>-Elements. Um eingebundene Multimedia-Elemente zu steuern, bleibt eigentlich nur der Weg, dies über proprietäre Attribute zu tun. Eine kleine Auswahl:<br>
Mit <code>hidden="true"</code> können Sie die sichtbare Anzeige des eingebundenen Objekts verhindern. Das kann zum Beispiel sinnvoll sein, wenn Sie einen Sound abspielen wollen, aber keinen Sound-Player anzeigen wollen.<br>
Mit <code>autostart="true"</code> können Sie erzwingen, dass eine abspielbare Datei, also etwa ein Sound oder ein Video, sofort abgespielt werden, ohne dass der Anwender in der Abspiel-Software eine Funktion zum Start der Wiedergabe wählen muss.<br>
Mit <code>loop="true"</code> können Sie erzwingen, dass eine abspielbare Datei endlos wiederholt wird.<br>
Mit <code>palette="foreground"</code> können Sie erzwingen, dass das Plugin bei der Anzeige die Vordergrundfarben des Anwenderrechners benutzt, mit <code>palette="background"</code> erzwingen Sie, dass das Plugin die eingestellte Hintergrundfarbe benutzt.<br>
All diese Attribute sind jedoch produktspezifisch und verschwinden genauso schnell wieder, wie sie entstanden sind.</p>
<table bgcolor="#EEEEEE" class="doc" width="100%"><tr><td>
 <a href="#top"><img src="../../src/up.gif" width="14" height="10" border="0" alt="nach oben"></a><a href="#bottom"><img src="../../src/down.gif" width="14" height="10" border="0" alt="nach unten"></a>
</td></tr></table>
<h2 class="Sh2"><img src="../../src/msie3.gif" width="30" height="30" border="0" alt="MSIE 3.0"><img src="../../src/netsc2.gif" width="30" height="30" border="0" alt="Netscape 2.0"> <a class="an" name="ausrichten">Multimedia-Bereiche ausrichten</a></h2>
<p>Zum Ausrichten von Multimedia-Bereichen können Sie im <code><embed></code>-Tag die Attribute <code>align=</code>, <code>hspace=</code> und <code>vspace=</code> notieren. Die Wirkungsweise ist die gleiche wie bei <img src="../../src/dok.gif" width="15" height="10" border="0" alt="Seite"> <a href="objekteigenschaften.htm#ausrichten_zum_text"><b>Objekt zum umgebenden Text ausrichten</b></a> und bei <img src="../../src/dok.gif" width="15" height="10" border="0" alt="Seite"> <a href="objekteigenschaften.htm#textumfluss"><b>Text um Objekt fließen lassen</b></a> beschrieben.</p>
<table bgcolor="#EEEEEE" class="doc" width="100%"><tr><td>
 <a href="#top"><img src="../../src/up.gif" width="14" height="10" border="0" alt="nach oben"></a><a href="#bottom"><img src="../../src/down.gif" width="14" height="10" border="0" alt="nach unten"></a>
</td></tr></table>
<h2 class="Sh2"><img src="../../src/msie3.gif" width="30" height="30" border="0" alt="MSIE 3.0"><img src="../../src/netsc2.gif" width="30" height="30" border="0" alt="Netscape 2.0"> <a class="an" name="alternativer_inhalt">Alternativer Inhalt für Browser</a></h2>
<p>Sie können einen Bereich definieren, der nur von Browsern angezeigt wird, die das <code><embed></code>-Tag nicht kennen. Netscape, der das <code><embed></code>-Tag interpretiert, ignoriert einen solchen Bereich.</p>
<h3 class="xmp">Beispiel:</h3>
<p><img src="../../src/dokf.gif" width="15" height="10" border="0" alt="Popup-Seite"> <a href="anzeige/noembed.htm" target="_blank"><b>Anzeigebeispiel: So sieht's aus</b></a></p>
<table width="100%" cellpadding="10"><tr><td class="xmpcode" bgcolor="#FFFFE0"><pre>
<html>
<head>
<title>Text des Titels</title>
</head>
<body>
<h1>Einfach noch mal 'ne Runde &quot;nibbeln&quot; mit Flash!</h1>
<noembed>
<p>Sie verpassen was!</p>
</noembed>
<embed src="nibbles.swf" quality="high" scale="exactfit" menu="false"
bgcolor="#000080" width="600" height="400" swLiveConnect="false"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</body>
</html>
</pre></td></tr></table>
<h3 class="xpl">Erläuterung:</h3>
<p>Mit <code><noembed></code>...<code></noembed></code> definieren Sie einen Bereich, der von Netscape ab Version 2.0 nicht angezeigt wird, wohl aber von Browsern, die das <code><embed></code>-Tag nicht kennen. Diese Browser kennen zwar auch das <code><noembed></code>-Tag nicht, aber sie stellen einfach alles dar, was dazwischen notiert ist. Es kann sich um Text, Grafik, Tabellen usw. handeln.</p>
<table cellpadding="4" cellspacing="0" border="0" width="100%">
<tr><td colspan="2" bgcolor="#EEEEEE" class="doc">
 <a href="#top"><img src="../../src/up.gif" width="14" height="10" border="0" alt="nach oben"></a>
</td></tr>
<tr><td bgcolor="#EEEEEE" class="doc" align="right"><a href="../layer/definieren.htm"><img src="../../src/next.gif" width="10" height="10" border="0" hspace="10" alt="weiter"></a></td>
<td bgcolor="#FFFFFF"><img src="../../src/dok.gif" width="15" height="10" border="0" alt="Seite"> <a href="../layer/definieren.htm"><b>Layer definieren</b></a>
</td></tr>
<tr>
<td bgcolor="#EEEEEE" class="doc" align="right"><a href="java_applets.htm"><img src="../../src/prev.gif" width="10" height="10" border="0" hspace="10" alt="zurück"></a></td>
<td bgcolor="#FFFFFF" width="100%"><img src="../../src/dok.gif" width="15" height="10" border="0" alt="Seite"> <a href="java_applets.htm"><b>Java-Applets einbinden (herkömmlich)</b></a>
</td>
</tr>
<tr><td colspan="2" bgcolor="#EEEEEE" class="doc"> </td></tr>
</table>
<table cellpadding="4" cellspacing="0" border="0" width="100%">
<tr><td bgcolor="#FFEEDD" class="nav"><a class="an" name="bottom"><img src="../../src/refkap.gif" width="16" height="13" border="0" alt="Teil von"></a> <a href="../../index.htm"><b>SELFHTML</b></a>/<a href="../../navigation/index.htm" target="_parent">Navigationshilfen</a> <img src="../../src/refkap.gif" width="16" height="13" border="0" alt="Teil von"> <a href="../index.htm"><b>HTML/XHML</b></a> <img src="../../src/refkap.gif" width="16" height="13" border="0" alt="Teil von"> <a href="index.htm"><b>Multimedia</b></a></td>
</tr></table>
<p>© 2001 <img src="../../src/mail.gif" width="15" height="10" border="0" alt="E-Mail"> <a href="mailto:selfhtml@teamone.de">selfhtml@teamone.de</a></p>
</body>
</html>
|
