suchen
HeimWeb-FrontendHTML-TutorialImplementierungsmethode für Website-Hintergrundmusik_HTML/Xhtml_Webseitenproduktion

Für einzelne Webmaster war es schon immer das Ziel unermüdlicher Bemühungen, ihre Website einzigartig und voller Persönlichkeit zu gestalten. Wenn Sie beim Öffnen der Webseite nicht nur die visuellen Effekte und interaktiven Funktionen der Seite so weit wie möglich verbessern, sondern auch eine schöne und bewegende Musik hören können, wird dies meiner Meinung nach Ihre Website bunter machen.

 1. Lernen Sie, Musikdateien hinzuzufügen

Es gibt im Allgemeinen zwei Möglichkeiten, Hintergrundmusik zu einer Webseite hinzuzufügen. bgsound>-Tag, die andere besteht darin, es über das -Tag hinzuzufügen.

  (1) Verwenden Sie das -Tag

Öffnen Sie mit Dreamweaver die Seite, auf der Sie Hintergrundmusik hinzufügen müssen, und klicken Sie auf „Code“, um den Code zu öffnen Bearbeiten-Ansicht, und klicken Sie auf ein und wählen Sie bgsound im Popup-Code-Eingabefeld aus (Abbildung 1).


Dreamweaver gibt automatisch den „
 

 Dabei bedeutet loop="-1" die Musik wird in einer Endlosschleife abgespielt. Wenn Sie die Anzahl der Wiedergaben festlegen möchten, ändern Sie sie einfach auf die entsprechende Zahl.

Diese Methode zum Hinzufügen von Hintergrundmusik ist die einfachste und am häufigsten verwendete Methode. Das Hintergrundmusikformat unterstützt die meisten aktuellen Mainstream-Musikformate wie WAV, MID, MP3 usw. Wenn Sie Browser mit niedriger Internetgeschwindigkeit berücksichtigen möchten, können Sie MID-Soundeffekte als Hintergrundmusik für Webseiten verwenden. Da MID-Musikdateien klein sind, können sie beim Öffnen der Webseite schnell geladen und abgespielt werden Es hat auch Mängel. Es kann nur die Melodie der Musik speichern, hat aber keine schönen Harmonien oder Texte. Wenn Ihre Internetgeschwindigkeit hoch ist oder Sie das Gefühl haben, dass MID-Musik etwas eintönig ist, können Sie auch MP3-Musik hinzufügen. Ändern Sie einfach „happy.mid“ im obigen Code in „happy.mp3“.

Tipp: Das Hinzufügen von Hintergrundmusik zu FrontPage ist bequemer als zu Dreamweaver. Nehmen Sie einfach die entsprechenden Einstellungen im Dialogfeld „Hintergrund“ vor (Abbildung 2).


  (2) Verwenden Sie das -Tag

Die Methode, das -Tag hinzuzufügen, ist nicht sehr verbreitet, aber seine Funktion ist sehr leistungsstark. In Kombination mit einigen Wiedergabesteuerelementen kann ein Web-Player erstellt werden.

Die Verwendung ist im Grunde die gleiche wie bei der ersten, außer dass Sie im ersten Schritt des Code-Eingabeaufforderungsfelds nicht gbsound, sondern „einbetten“ auswählen. Wählen Sie dann seine Attribute aus und legen Sie sie entsprechend fest (Abbildung 3). Aus der Abbildung ist ersichtlich, dass „embed“ viel mehr Attribute hat als die fünf Attribute von gbsound. Der endgültige Code lautet wie folgt: .

Wobei Autostart verwendet wird, um festzulegen, ob Musik automatisch abgespielt wird, wenn die Seite geöffnet wird, und versteckt, um festzulegen, ob der Mediaplayer ausgeblendet werden soll. Da die Einbettung tatsächlich einem Musik-Player auf einer Webseite ähnelt, wird das Standard-Medien-Plug-in Ihres Systems angezeigt, wenn sie nicht ausgeblendet ist.

In Bezug auf diese beiden Methoden ist der Autor der Ansicht, dass beide ihre eigenen Vor- und Nachteile haben: Bei der ersten Methode wird die Musik beim Öffnen der Seite automatisch angehalten Bei der zweiten Methode passiert das nicht. Solange das Fenster nicht geschlossen ist, wird es weiter abgespielt. Daher hoffe ich, dass Sie die Methode zum Hinzufügen von Musik entsprechend Ihrer eigenen Situation während der Nutzung wählen können.

Nachdem Sie die einfache Methode zum Hinzufügen von Webmusik erlernt haben, sollten Sie an der Benutzeroberfläche und den Funktionen arbeiten. Mit „Web Music Player“ können wir einen stilvollen Musikplayer erstellen.

2. Erstellen Sie einen modischen Musikplayer

Nachdem Sie die einfache Methode zum Hinzufügen von Webmusik erlernt haben, sollten Sie an der Benutzeroberfläche und den Funktionen arbeiten. Wir können „Web Music Player“ verwenden, um einen stilvollen Musikplayer zu erstellen.

Tipp: „Webpage Music Player“ ist ein Webseiten-Plug-in. Nach dem Ausführen der erstellten Seite wird der mit dem System gelieferte Windows Media Player aufgerufen, um die voreingestellten MP3-Songs abzuspielen.

 (1) Einfache Einstellungen

Laden Sie zunächst das Wiedergabe-Plug-in herunter (Download-Adresse: http://www.jb51.net/jiaoben/32793 .html), entpacken Sie es und geben Sie das Verzeichnis ein, wobei music.htm die Playbar-Seite ist, die wir auf die Homepage laden möchten, list.htm die Popup-Seite, die von Zuschauern zum Anzeigen der Playlist verwendet wird, und der js-Ordner speichert mehrere Wiedergabeseiten. Steuerdatei, img enthält einige Bilddateien der Wiedergabeoberfläche.

Öffnen Sie music.htm mit einer Webbearbeitungssoftware und suchen Sie den folgenden Code:

|true
 var blnShowMmInfo =false
 

 Hier können Sie grundlegende Einstellungen für den Player vornehmen. Die Bedeutung der obigen Sätze ist: ob automatisch abgespielt werden soll, ob nacheinander abgespielt werden soll, ob die Statusleiste angezeigt werden soll, ob der Audiosteuerungsstatus angezeigt werden soll, ob die Anzeige von Wiedergabelisten zugelassen werden soll, ob der SMI-Modus verwendet werden soll, ob eine Schleife erfolgen soll Wiedergabe und ob Songinformationen angezeigt werden sollen. Sie können sie entsprechend Ihren Anforderungen festlegen, wobei „true“ „ja“ und „false“ „nein“ bedeutet. Um Ihre Wiedergabeleiste persönlicher zu gestalten, können Sie außerdem die Anweisung ... im music.htm-Code finden und den darin enthaltenen Homepage-Namen in Ihren eigenen Homepage-Namen ändern .

 
(2) Wiedergabeliste hinzufügen


Öffnen Sie die Wiedergabelistendatei bglist.js im js-Ordner, wo Sie Ihre Lieblingslieder zur Liste hinzufügen können. Ja, das spezifische Hinzufügen Das Format ist mkList „Songpfad“ „Songbeschreibung“, wobei der „Songpfad“ die lokale Adresse sein kann, die Sie auf den Host hochgeladen haben, oder Sie können die MP3-Adresse im Netzwerk angeben und die „Songbeschreibung“ ist Es wird zum Scrollen und Anzeigen in der Wiedergabeleiste verwendet. Dabei kann es sich um den Namen des Künstlers und des Songs handeln. Um beispielsweise Jay Chous „Tornado“ hinzuzufügen, suchen wir zunächst die Linkadresse, die in Echtzeit im Internet abgespielt werden kann, und fügen sie dann der Liste hinzu: mkList „http://202.102.43.37/hy/yinyue/ Jay Chou/09. mp3“„Jay Chou – Tornado“.

 
Tipps: Um die Musik auf Ihrer Homepage stets aktuell und aktuell zu halten, können wir die Playlist in regelmäßigen Abständen aktualisieren.
 
(3) Installieren Sie den Player

Um zu verhindern, dass das Klicken auf den Homepage-Link die Kontinuität der Songwiedergabe beeinträchtigt, müssen wir die Musik auf der Wiedergabeseite installieren. htm in Form eines Frames Gehen Sie zur Startseite.
Nehmen Sie FrontPage 2003 als Beispiel: Führen Sie „Neu → Andere Webseitenvorlage“ aus, um das Fenster „Webseitenvorlage“ zu öffnen, wählen Sie „Frame-Webseite → Fußzeile“, „OK“ und legen Sie das anfängliche Web fest Seite im oberen Rahmen, um auf Ihre Startseite zu zeigen, zeigen Sie im unteren Rahmen auf music.htm, entfernen Sie dann den Rahmenrahmen in den Rahmeneigenschaften und passen Sie die Höhe des unteren Rahmens entsprechend an (Abbildung 4). reicht aus, um die Höhe der Spielstange aufzunehmen. Sobald Sie mit der Vorschau zufrieden sind, können Sie die Seite speichern und Ihre Website auf diese neue Seite verweisen.



Stellungnahme
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Erläutern Sie die Bedeutung der Verwendung eines konsistenten Codierungsstils für HTML -Tags und -attribute.Erläutern Sie die Bedeutung der Verwendung eines konsistenten Codierungsstils für HTML -Tags und -attribute.May 01, 2025 am 12:01 AM

Ein konsistenter HTML -Codierungsstil ist wichtig, da er die Lesbarkeit, Wartbarkeit und Effizienz des Codes verbessert. 1) Verwenden Sie Kleinbuchstaben und Attribute, 2) Behalten Sie die konsistente Einklebung, 3) Wählen und halten Sie sich an Einzel- oder Doppelzitate.

Wie implementieren Sie Multi-Project-Karussell in Bootstrap 4?Wie implementieren Sie Multi-Project-Karussell in Bootstrap 4?Apr 30, 2025 pm 03:24 PM

Lösung zur Implementierung von Multi-Project-Karussell in Bootstrap4, das Multi-Project-Karussell in Bootstrap4 implementiert, ist keine leichte Aufgabe. Obwohl Bootstrap ...

Wie erreicht die offizielle Website von Deepseek den Effekt des durchdringenden Maus -Scroll -Events?Wie erreicht die offizielle Website von Deepseek den Effekt des durchdringenden Maus -Scroll -Events?Apr 30, 2025 pm 03:21 PM

Wie kann man den Effekt der Penetration des Maus -Scroll -Ereignisses erreichen? Wenn wir im Internet stöbern, begegnen wir oft auf spezielle Interaktionsdesigns. Zum Beispiel auf der offiziellen Website von Deepseek � ...

So ändern Sie den Wiedergabesteuerungsstil von HTML -VideoSo ändern Sie den Wiedergabesteuerungsstil von HTML -VideoApr 30, 2025 pm 03:18 PM

Der Standard -Playback -Steuerungsstil von HTML -Video kann nicht direkt über CSS geändert werden. 1. Erstellen Sie benutzerdefinierte Steuerelemente mit JavaScript. 2. verschönern diese Kontrollen durch CSS. 3. Berücksichtigen Sie Kompatibilität, Benutzererfahrung und -leistung. Wenn Sie Bibliotheken wie Video.js oder PLYR verwenden, können Sie den Prozess vereinfachen.

Welche Probleme werden durch die Verwendung von nativem Select auf Ihrem Telefon verursacht?Welche Probleme werden durch die Verwendung von nativem Select auf Ihrem Telefon verursacht?Apr 30, 2025 pm 03:15 PM

Potenzielle Probleme bei der Verwendung natives Auswahl von Mobiltelefonen bei der Entwicklung mobiler Anwendungen haben wir häufig auf die Auswahl von Kästchen. Normalerweise Entwickler ...

Was sind die Nachteile der Verwendung von nativen Auswahl auf Ihrem Telefon?Was sind die Nachteile der Verwendung von nativen Auswahl auf Ihrem Telefon?Apr 30, 2025 pm 03:12 PM

Was sind die Nachteile der Verwendung von nativen Auswahl auf Ihrem Telefon? Bei der Entwicklung von Anwendungen auf mobilen Geräten ist es sehr wichtig, die richtigen UI -Komponenten auszuwählen. Viele Entwickler ...

Wie optimieren Sie die Kollisionsabwicklung von Dritten in einem Raum mit drei.Js und Octree?Wie optimieren Sie die Kollisionsabwicklung von Dritten in einem Raum mit drei.Js und Octree?Apr 30, 2025 pm 03:09 PM

Verwenden Sie drei.Js und Octree, um die Kollisionsabwicklung von Drittrohr im Raum zu optimieren. Verwenden Sie Octree in drei.js, um das Roaming von Drittpersonen im Raum zu implementieren, und fügen Sie Kollisionen hinzu ...

Auf welche Probleme werden Sie bei der Verwendung von nativem Select -Select auf Ihrem Telefon stoßen?Auf welche Probleme werden Sie bei der Verwendung von nativem Select -Select auf Ihrem Telefon stoßen?Apr 30, 2025 pm 03:06 PM

Probleme mit nativen Auswahl von Mobiltelefonen Bei der Entwicklung von Anwendungen auf mobilen Geräten stellen wir häufig Szenarien auf, in denen Benutzer Entscheidungen treffen müssen. Obwohl einheimische SEL ...

See all articles

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

mPDF

mPDF

mPDF ist eine PHP-Bibliothek, die PDF-Dateien aus UTF-8-codiertem HTML generieren kann. Der ursprüngliche Autor, Ian Back, hat mPDF geschrieben, um PDF-Dateien „on the fly“ von seiner Website auszugeben und verschiedene Sprachen zu verarbeiten. Es ist langsamer und erzeugt bei der Verwendung von Unicode-Schriftarten größere Dateien als Originalskripte wie HTML2FPDF, unterstützt aber CSS-Stile usw. und verfügt über viele Verbesserungen. Unterstützt fast alle Sprachen, einschließlich RTL (Arabisch und Hebräisch) und CJK (Chinesisch, Japanisch und Koreanisch). Unterstützt verschachtelte Elemente auf Blockebene (wie P, DIV),

SAP NetWeaver Server-Adapter für Eclipse

SAP NetWeaver Server-Adapter für Eclipse

Integrieren Sie Eclipse mit dem SAP NetWeaver-Anwendungsserver.

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

MinGW – Minimalistisches GNU für Windows

MinGW – Minimalistisches GNU für Windows

Dieses Projekt wird derzeit auf osdn.net/projects/mingw migriert. Sie können uns dort weiterhin folgen. MinGW: Eine native Windows-Portierung der GNU Compiler Collection (GCC), frei verteilbare Importbibliotheken und Header-Dateien zum Erstellen nativer Windows-Anwendungen, einschließlich Erweiterungen der MSVC-Laufzeit zur Unterstützung der C99-Funktionalität. Die gesamte MinGW-Software kann auf 64-Bit-Windows-Plattformen ausgeführt werden.