Skip to main content

Einbetten von Audiodateien in Dreamweaver-Webseiten

[Sound] Bus Mercedes O 405 GN2 (Wagennr. 6524) der Rheinbahn AG Düsseldorf (April 2024)

[Sound] Bus Mercedes O 405 GN2 (Wagennr. 6524) der Rheinbahn AG Düsseldorf (April 2024)
Anonim
01 von 07

Media Plugin einfügen

Verwenden Sie Dreamweaver, um Ihren Seiten Hintergrundmusik hinzuzufügen

Das Hinzufügen von Sound zu Webseiten ist etwas verwirrend. Die meisten Web-Editoren verfügen nicht über eine einfache Schaltfläche, mit der Sie klicken können, um Sound hinzuzufügen. Es ist jedoch möglich, Hintergrundmusik zu Ihrer Dreamweaver-Webseite ohne großen Aufwand hinzuzufügen - und keinen HTML-Code, den Sie lernen müssen.

Denken Sie daran, dass Hintergrundmusik, die automatisch abgespielt wird, ohne dass sie ausgeschaltet werden kann, für viele Menschen ärgerlich sein kann. Verwenden Sie diese Funktion daher sorgfältig. In diesem Lernprogramm wird erläutert, wie Sie mit einem Controller Sound hinzufügen. Sie können entscheiden, ob der Controller automatisch abgespielt werden soll oder nicht.

In Dreamweaver gibt es keine spezielle Einfügeoption für eine Sounddatei. Um eine in die Entwurfsansicht einzufügen, müssen Sie ein generisches Plugin einfügen und Dreamweaver mitteilen, dass es sich um eine Sounddatei handelt. Wechseln Sie im Menü Einfügen zum Medienordner und wählen Sie "Plugin".

02 von 07

Suchen Sie nach der Sounddatei

Dreamweaver öffnet ein Dialogfeld "Datei auswählen". Surfen Sie zu der Datei, die Sie auf Ihrer Seite einbetten möchten. Ich ziehe es vor, meine URLs relativ zum aktuellen Dokument zu haben, aber Sie können sie auch relativ zum Site-Stamm schreiben (beginnend mit dem anfänglichen Schrägstrich).

03 von 07

Speichern Sie das Dokument

Wenn die Webseite neu ist und noch nicht gespeichert wurde, werden Sie in Dreamweaver aufgefordert, sie zu speichern, damit der relative Pfad berechnet werden kann. Bis zum Speichern der Datei belässt Dreamweaver die Sounddatei mit dem Pfad file: // URL.

Wenn sich die Sounddatei nicht im selben Verzeichnis wie Ihre Dreamweaver-Website befindet, werden Sie von Dreamweaver aufgefordert, sie dort zu kopieren. Dies ist eine gute Idee, damit Website-Dateien nicht auf Ihrer Festplatte verteilt werden.

04 von 07

Das Plugin-Symbol wird auf der Seite angezeigt

Dreamweaver zeigt die eingebettete Sounddatei in der Entwurfsansicht als Plug-In-Symbol an. Das sehen Kunden, die nicht über das entsprechende Plugin verfügen.

05 von 07

Wählen Sie das Symbol und passen Sie die Attribute an

Wenn Sie das Plugin-Symbol auswählen, ändert sich das Eigenschaftenfenster in Plugineigenschaften. Sie können die Größe (Breite und Höhe) anpassen, die auf der Seite, der Ausrichtung, der CSS-Klasse, dem vertikalen und horizontalen Raum um das Objekt (v- und h-Raum) und dem Rand angezeigt wird. Sowie die Plugin-URL. Im Allgemeinen lasse ich alle diese Optionen leer oder die Standardeinstellung, da die meisten davon mit CSS definiert werden können.

06 von 07

Fügen Sie zwei Parameter hinzu

Es gibt viele Parameter, die Sie dem embed-Tag hinzufügen können (die verschiedenen Attribute), aber es gibt zwei, die Sie immer zu Sounddateien hinzufügen sollten:

  • automatisches AbspielenDies teilt dem Webbrowser mit, ob der Sound sofort nach dem Laden starten soll (normalerweise direkt nach dem Laden der Seite) oder auf die Wiedergabe warten soll. Die meisten Leute ärgern sich über Websites, deren Sound auf autoplay = true eingestellt ist.
  • ReglerDies gibt Ihrem Kunden die Möglichkeit, die Audiodatei zu steuern - durch Ausschalten oder Wiedergeben von Anfang an usw. Wenn Sie für die automatische Wiedergabe "false" festgelegt haben, benötigen Sie einen Controller, damit der Sound starten kann (oder eine JavaScript-Funktion, um ihn zu aktivieren).
07 von 07

Quelltext anzeigen

Wenn Sie wissen möchten, wie Dreamweaver Ihre Sounddatei installiert, zeigen Sie den Quellcode in der Codeansicht an. Dort sehen Sie das eingebettete Tag mit Ihren Parametern als Attributen. Denken Sie daran, dass das eingebettete Tag kein gültiges HTML- oder XHTML-Tag ist, sodass Ihre Seite nicht validiert wird, wenn Sie es verwenden. Da die meisten Browser das object-Tag jedoch nicht unterstützen, ist dies besser als nichts.