Text/Lonely Smile Sich in einen Fisch verlieben
Für einzelne Webmaster war es schon immer das Ziel unermüdlicher Bemühungen, ihre Websites 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. Die erste besteht darin, sie über das normale <bgsound>-Tag hinzuzufügen, und die andere darin, sie über das <embed>-Tag hinzuzufügen.
(1)
Öffnen Sie mit dem Tag <bgsound> die Seite, auf der Sie mit Dreamweaver Hintergrundmusik hinzufügen müssen. Klicken Sie auf „Code“, um die Codebearbeitungsansicht zu öffnen. Geben Sie „<“ zwischen <body>< /body> ein und wählen Sie bgsound aus das Popup-Code-Eingabeaufforderungsfeld (Abbildung 1).
Abbildung 1
Dreamweaver gibt automatisch den Code „< bgsound“ ein und drückt die Leertaste. Das Code-Eingabefeld listet automatisch die Attribute des bgsound-Tags auf, die Sie auswählen und verwenden können. Das bgsound-Tag verfügt über fünf Attribute: „Balance“ dient zum Einstellen der linken und rechten Balance der Musik, „delay“ dient zum Festlegen der Wiedergabeverzögerung, „loop“ dient zum Steuern der Anzahl der Schleifen, „src“ ist der Pfad zu unserer Musikdatei und „volume“ ist die Lautstärkeeinstellung. Im Allgemeinen müssen wir beim Hinzufügen von Hintergrundmusik nicht die linken und rechten Equalizer- und Verzögerungseinstellungen für die Musik festlegen, sodass wir nur einige Hauptparameter benötigen. Der endgültige Code lautet wie folgt:
< bgsound src="music.mid" loop="-1">
Unter anderem bedeutet loop="-1", dass die Musik in einer Endlosschleife abgespielt wird Ändern Sie die Wiedergabedauer 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 geringer 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 jedoch schnell geladen und abgespielt werden. MID 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 relativ bequemer als zu Dreamweaver. Nehmen Sie einfach die entsprechenden Einstellungen im Dialogfeld „Hintergrund“ vor (Abbildung 2).
Abbildung 2
(2) Verwendung des <embed>-Tags
Es ist nicht sehr üblich, das <embed>-Tag zum Hinzufügen von Musik zu verwenden, aber seine Funktion ist sehr leistungsstark. In Kombination mit einigen Wiedergabesteuerelementen kann ein Web-Player erstellt werden.
Seine Verwendung ist im Grunde die gleiche wie bei der ersten, außer dass Sie im ersten Schritt des Code-Eingabeaufforderungsfelds nicht gbsound, sondern stattdessen „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: < embed src="music.mp3" autostart="true" loop="true" versteckt="true"></embed>.
Abbildung 3
wird mit „autostart“ festgelegt, ob beim Öffnen der Seite automatisch Musik abgespielt wird, und mit „hidden“ wird festgelegt, 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.
Für diese beiden Methoden ist der Autor der Ansicht, dass beide ihre eigenen Vor- und Nachteile haben: Bei der ersten Methode wird beim Öffnen der Seite Musik abgespielt. Wenn die Seite minimiert und dann abgespielt wird, wird die Musik automatisch angehalten. In diesem Fall wird die Wiedergabe fortgesetzt, solange das Fenster nicht geschlossen ist. 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. Mit „Web Music Player“ können wir einen stilvollen Musikplayer 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-Plugin herunter (Download-Adresse: http?//www.mh.fy.cn/soft/music.rar), entpacken Sie es und geben Sie das Verzeichnis ein, in dem sich music.htm für die gewünschte Wiedergabe befindet Zum Laden auf der Homepage ist list.htm eine Popup-Seite, auf der Zuschauer Wiedergabelisten anzeigen können. Der Ordner js enthält mehrere Wiedergabesteuerdateien und img einige Bilddateien für die Wiedergabeschnittstelle.
Verwenden Sieeine
Webseitenbearbeitungssoftware, um music.htm zu öffnen und den folgenden Code zu finden:
var blnAutoStart = true?
var blnStatusBar
= false
?var
blnShowPlist = true
?
blnUseSmi = false ?
var blnLoopTrk = true?
var blnShowMmInfo =false
</script>
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 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 <marquee>......< /marquee> im Code music.htm finden und den darin enthaltenen Homepage-Namen in Ihren Namen ändern eigene Homepage.
(2) Playlist hinzufügen
Öffnen Sie die Playlist-Datei bglist.js im js-Ordner. Hier können Sie Ihre Lieblingssongs zur Liste hinzufügen " kann die lokale Adresse sein, die Sie auf den Host hochgeladen haben, oder Sie können die MP3-Adresse im Netzwerk angeben. Die „Songbeschreibung“ wird zum Scrollen und Anzeigen in der Wiedergabeleiste verwendet und kann der Name des Künstlers und des Songs sein. 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“.
Tipp: Damit die Musik auf Ihrer Homepage immer frisch und neu bleibt, 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 Wiedergabeseite music.htm in Form eines Frames auf der Homepage installieren.
Am Beispiel von FrontPage 2003 führen Sie „Neu → Andere Webseitenvorlage“ aus, um das Fenster „Webseitenvorlage“ zu öffnen, wählen Sie „Frame-Webseite → Fußzeile“, „OK“ und legen Sie die ursprüngliche Webseite im oberen Rahmen fest Zeigen Sie auf Ihre Homepage und im unteren Rahmen auf music.htm, entfernen Sie dann den Rahmenrahmen in den Rahmeneigenschaften und passen Sie die Höhe des Rahmens entsprechend an (Abbildung 4). Höhe der Spielleiste. Sobald Sie mit der Vorschau zufrieden sind, können Sie die Seite speichern und Ihre Website auf diese neue Seite verweisen.
Abbildung 4