Website-Musik - Anker-, Bgsound- und Embed-Tags

April 20, 2024

Im ersten Teil dieses Tutorials haben wir die verschiedenen Arten von Audiodateien besprochen, die am häufigsten auf Webseiten verwendet werden. In diesem Teil des Tutorials werden Methoden zum Hinzufügen von Musik zu Ihren HTML-Webseiten erläutert. Schauen wir uns also an, wie der HTML-Code codiert wird. Sie können die HTML-Ankertag-Methode oder die Methode bgsound and embedded tags verwenden.

Die erste Methode ist die Verwendung des HTML-Ankertags (Link). Dies ist eine benutzerfreundliche Methode, da der Webbesucher die Möglichkeit hat, Ihre Webseite mit oder ohne Musik anzuzeigen. Der Besucher kann Ihre Webseite schneller anzeigen, da er nicht warten muss, bis die Audiodatei mit der Webseite selbst heruntergeladen wurde. Die Audiodatei wird nur heruntergeladen, wenn er das Lied hört und auf den Link klickt, der den Audio-Player des Webbrowsers als Popup-Fenster öffnet. Angenommen, Sie möchten eine Midi-Datei auf Ihrer Webseite platzieren und der Name der Midi-Audiodatei lautet "song.mid". Außerdem möchten Sie die Ankertag-Methode verwenden. Der Code für den Link würde wie folgt aussehen. Das href-Attribut teilt dem Browser mit, wo nach der Audiodatei gesucht werden soll. Der Wert des href-Attributs ist die URL-Adresse der Audiodatei. Sie können die vollständige URL wie im folgenden Beispiel verwenden oder die "www.yourwebsite.com/" entfernen, wenn sich die Audiodatei an derselben Stelle wie die Webseite befindet. (Klicken Sie hier, um eine Überprüfung des HTML-Ankertags anzuzeigen.)

abspielen

Hinweis--Der Pfeil

gibt an, dass der Code in eine zweite Zeile eingeschlossen ist und eigentlich nur in einer Zeile stehen sollte.

Bei der zweiten Methode wird die Audiodatei automatisch abgespielt, wenn die Webseite angezeigt wird. Für diese Methode verwenden Sie das bgsound-Tag und / oder das Embed-Tag. Hier ist der Code.

loop = "unendlich">

autostart = "true" hidden = "false" width = "300"
height = "45" loop = "infinite">

Hinweis--Der Pfeil

gibt an, dass der Code in eine zweite Zeile eingeschlossen ist und eigentlich nur in einer Zeile stehen sollte.

src	Quellattribut - Wert ist die URL-Adresse der Audiodatei
Auto-Start	wahr oder falsch (Tag einbetten)
Schleife	wahr, falsch oder wie oft das Lied abgespielt werden soll (Embed-Tag) unendlich oder wie oft das Lied gespielt werden soll (bgsound tag)
Breite und Höhe	Messungen des Audio-Bedienfelds auf der Webseite (Embed-Tag)
versteckt	true oder false - steuert die Sichtbarkeit des Bedienfelds (Embed-Tag)

Die Embed- und Bgsound-Elemente verfügen über mehrere Attribute, die steuern, wie der Song abgespielt wird und wie das Audio-Bedienfeld auf der Webseite angezeigt wird.

Das src-Attribut funktioniert genauso wie in den meisten anderen HTML-Tags. Es teilt dem Browser mit, wo sich die Audiodatei befindet.
Der Autostart kann ein- oder ausgeschaltet werden, indem der Wert dieses Attributs auf true oder false gesetzt wird. Bei aktiviertem Autostart wird die Musik abgespielt, sobald die Datei heruntergeladen wurde. (Tag einbetten)
Das Schleifenattribut teilt dem Browser mit, wie oft die Datei abgespielt werden soll.

Wenn Sie das Einbettungs-Tag verwenden möchten, ist es ein schöner Effekt, das Bedienfeld des Audio-Players auszublenden. Sie können dies tun, indem Sie den Wert des versteckten Attributs auf true setzen. Auf der anderen Seite können Sie das Erscheinungsbild des Bedienfelds auf der Webseite mit den Attributen height und width steuern. Wenn die Attribute für Höhe, Breite und ausgeblendet nicht angegeben sind, wird das Kontrollfeld standardmäßig auf der Webseite angezeigt. Obwohl die versteckte Funktion hilfreich ist, möchten Sie möglicherweise das Bedienfeld sichtbar lassen, damit der Hörer die Audiowiedergabe (z. B. die Lautstärke) steuern kann.

Die meisten Browser können das eingebettete Tag "lesen". Einige Browser, insbesondere die älteren, können dies jedoch nicht. Aus diesem Grund verwenden Sie das Noembed-Tag. Dieses Tag weist den Browser an, die Anweisungen zwischen dem öffnenden und dem schließenden Tag nur zu befolgen, wenn der Browser das eingebettete Tag selbst nicht lesen kann. Das bgsound-Tag funktioniert genauso wie das eingebettete Tag. Das bgsound-Tag verfügt jedoch nicht über die Attribute height, width oder hidden.

Video-Anleitungen: Anker Budget Friendly PREMIUM Bluetooth Speaker A3143 - REVIEW (April 2024).

Website-Musik - Anker-, Bgsound- und Embed-Tags, HTML, Midi, WAV, Audiodatei, Musik auf Webseite, Einbettung, Bgsound, Multimedia, HTML, XHTML, DHTML, gehostetes CGI, Webhosts, Domain, Domainnamen, FTP, JPEG, GIF, CSS, Anleitungen, Cascading Style Sheets, Freeware, Shareware, W3C, World Wide Web Consortium, Standards, Skripte, Quellcode, Stylesheets, Web

Vorherige Artikel

Nächster Artikel

In Verbindung Stehende Artikel

Computers

Verkauf von Videoclips auf Shutterstock

April 2024

Shutterstock® ist eine großartige Microstock-Website für den Verkauf von Bildern und Videoclips. Die meisten dieser Videoclips werden vom Kunden entsprechend seinen Anforderungen gebrandet. Einige...

Computers

Projekt Gotham Racing auf XBox

April 2024

Für diejenigen, die Rennspiele lieben, bietet Project Gotham Racing erstaunliche Grafiken, unglaubliche Physik und Hunderte großartiger Strecken. Ich liebe Autorennen. Ich habe im Laufe der Jahre...