Voeg achtergrondmuziek toe aan uw website zodat gebruikers ervan kunnen genieten terwijl ze browsen.
Sinds de begindagen van het World Wide Web zijn verschillende methoden voor het inbedden van muziek in een webpagina populair geworden. Met name de "embed"-tag in HTML, op Java gebaseerde audiospelers en op Flash gebaseerde spelers zijn allemaal mogelijke opties voor het toevoegen achtergrondmuziek naar een webpagina, maar geen enkele oplossing is universeel omarmd of is volledig compatibel met alle browsers en platformen. De nieuwere HTML5-standaard bevat de "audio"-tag, die specifiek is gedefinieerd voor het afspelen van ingesloten audio.
Stap 1
Voeg de volgende code ergens in de hoofdtekst van uw HTML-document toe om een muziekbestand in te sluiten en het automatisch af te spelen wanneer een bezoeker uw website bezoekt.
Video van de dag
Wijzig het kenmerk "src" zodat het het pad en de bestandsnaam bevat van het muziekbestand dat u wilt insluiten.
Stap 2
Voeg het kenmerk "loop" toe als u wilt dat het muziekbestand steeds opnieuw wordt afgespeeld:
Stap 3
Gebruik meerdere "source"-tags in plaats van het "src"-attribuut van de "audio"-tag als u de browser van de gebruiker een keuze wilt bieden uit meerdere bestandsindelingen:
In dit voorbeeld beslist de browser van de gebruiker of het MP3-bestand of het OGG-bestand wordt afgespeeld. Deze techniek kan handig zijn voor het targeten van mobiele apparaten die alleen bepaalde audioformaten kunnen afspelen.
Stap 4
Nest de tag 'embed' in de tag 'audio' om ondersteuning te bieden voor oudere browsers die geen HTML5-ondersteuning hebben. Houd er rekening mee dat dit gebruik van de tag "embed" is verouderd (wat betekent dat het niet langer officieel verplicht is om ondersteund), dus experimenteer alleen met deze techniek als u vermoedt dat uw gebruikers verouderde internet gebruiken browsers. Hier is een voorbeeld:
Tip
Overweeg het kenmerk "controls" toe te voegen aan de tag "audio", zodat de gebruiker de muziek kan stoppen en het volume kan wijzigen. Overweeg bovendien om het kenmerk "autoplay" niet te gebruiken, tenzij er een goede reden is voor dit browsergedrag. Veel gebruikers vinden embedded achtergrondmuziek die onverwachts zonder hun toestemming wordt afgespeeld vervelend en zal je website direct verlaten.
