Websitemuziek - tags voor anker, bgsound en insluiten
In het eerste deel van deze tutorial hebben we de verschillende typen audiobestanden besproken die het meest op webpagina's worden gebruikt. In dit deel van de tutorial bespreken we methoden voor het toevoegen van muziek aan uw HTML-webpagina's. Laten we dus eens kijken hoe we de HTML kunnen coderen. U kunt de methode HTML-ankertag gebruiken of de methode bgsound en embed tags.

De eerste methode is om de HTML-ankertag (link) te gebruiken. Dit is een gebruiksvriendelijke methode omdat het de webbezoeker de keuze biedt om uw webpagina met of zonder muziek te bekijken. De bezoeker kan uw webpagina sneller bekijken omdat hij niet hoeft te wachten tot het audiobestand is gedownload met de webpagina zelf. Het audiobestand wordt alleen gedownload als hij ervoor kiest om het nummer te horen en op de link klikt die de audiospeler van de webbrowser als een pop-upvenster opent. Stel dat u een midi-bestand op uw webpagina wilt plaatsen en dat de naam van het midi-audiobestand "song.mid" is. Ook wilt u de ankertagmethode gebruiken. De code voor de link ziet eruit als de onderstaande code. Het href-kenmerk vertelt de browser waar het audiobestand moet worden gezocht. De waarde van het kenmerk href is het URL-adres van het audiobestand. U kunt de volledige URL gebruiken zoals in het onderstaande voorbeeld of u kunt de "www.uwwebsite.com/" verwijderen als het audiobestand zich op dezelfde plaats bevindt als de webpagina. (Klik hier voor een beoordeling van de HTML-ankertag.)


Speel
Notitie--De pijl geeft aan dat de code op een tweede regel is ingepakt en eigenlijk allemaal op één regel moet staan.

Met de tweede methode wordt het audiobestand automatisch afgespeeld wanneer de webpagina wordt weergegeven. U gebruikt voor deze methode de bgsound-tag en / of de embed-tag. Hier is de code.



loop = "oneindige">



autostart = "true" hidden = "false" width = "300"
height = "45" loop = "oneindig">
Notitie--De pijl geeft aan dat de code op een tweede regel is ingepakt en eigenlijk allemaal op één regel moet staan.

srcbronkenmerk - waarde is het URL-adres van het audiobestand
automatische starttrue of false (tag insluiten)
luswaar, onwaar of het aantal keren dat het nummer moet worden afgespeeld (tag insluiten)
oneindig of aantal keren dat het nummer moet worden afgespeeld (bgsound-tag)
breedte en hoogte metingen van audiobedieningspaneel op webpagina (tag insluiten)
verborgenwaar of onwaar - bepaalt de zichtbaarheid van het bedieningspaneel (tag insluiten)


De elementen embed en bgsound hebben verschillende attributen die bepalen hoe het nummer wordt afgespeeld en hoe het audiobedieningspaneel op de webpagina wordt weergegeven.

  1. Het src-kenmerk werkt op dezelfde manier als in de meeste andere HTML-tags. Het vertelt de browser waar het audiobestand te vinden is.
  2. Het automatisch starten kan worden in- of uitgeschakeld door de waarde van dit kenmerk in te stellen op waar of onwaar. Wanneer ingeschakeld, zal automatisch starten ervoor zorgen dat de muziek wordt afgespeeld zodra het bestand is gedownload. (tag insluiten)
  3. Het lusattribuut vertelt de browser hoe vaak het bestand moet worden afgespeeld.


Als u de insluittag wilt gebruiken, is het een leuk effect om het bedieningspaneel van de audiospeler te verbergen. U kunt dit doen door de waarde van het verborgen kenmerk in te stellen op true. Aan de andere kant kunt u het uiterlijk van het bedieningspaneel op de webpagina bepalen met de kenmerken voor hoogte en breedte. Als de hoogte, breedte en verborgen kenmerken niet zijn opgegeven, verschijnt het configuratiescherm standaard op de webpagina. Hoewel de verborgen functie leuk is, wilt u misschien het bedieningspaneel zichtbaar laten zodat de luisteraar controle heeft over het afspelen van audio (zoals het volume).

De meeste browsers kunnen de embed-tag "lezen". Sommige browsers, vooral de oudere, kunnen dit echter niet. Daarom gebruik je de noembed-tag. Deze tag vertelt de browser om de instructies tussen de openingstag en de sluitingstag alleen te volgen als de browser de insluittag zelf niet kan lezen. De bgsound-tag werkt op dezelfde manier als de embed-tag. De bgsound-tag heeft echter niet de kenmerken hoogte, breedte of verborgen.