Skip to main content

Geluidsbestanden insluiten op de webpagina's van Dreamweaver

12 mp3 toevoegen aan website (April 2025)

12 mp3 toevoegen aan website (April 2025)
Anonim
01 van 07

Insert Media Plugin

Gebruik Dreamweaver om achtergrondmuziek toe te voegen aan uw pagina's

Geluid toevoegen aan webpagina's is enigszins verwarrend. De meeste webeditors hebben geen eenvoudige knop om op te klikken om geluid toe te voegen, maar het is mogelijk om zonder veel moeite achtergrondmuziek toe te voegen aan uw Dreamweaver-webpagina - en geen HTML-code om te leren.

Onthoud dat achtergrondmuziek die automatisch wordt afgespeeld zonder deze af te zetten, voor veel mensen vervelend kan zijn, dus gebruik die functie zorgvuldig. In deze zelfstudie wordt uitgelegd hoe u geluid toevoegt met een controller en kunt u bepalen of u het geluid automatisch wilt afspelen of niet.

Dreamweaver heeft geen specifieke invoegoptie voor een geluidsbestand, dus als u er een in de ontwerpweergave wilt invoegen, moet u een generieke plug-in invoegen en vervolgens aan Dreamweaver laten weten dat het een geluidsbestand is. Ga in het menu Invoegen naar de mediamap en kies "Plugin".

02 van 07

Zoeken naar het geluidsbestand

Dreamweaver opent een dialoogvenster "Bestand selecteren". Surf naar het bestand dat u op uw pagina wilt insluiten. Ik geef er de voorkeur aan om mijn URL's relatief te houden aan het huidige document, maar u kunt ze ook relatief ten opzichte van de hoofdmap van de site schrijven (te beginnen met de eerste schuine streep).

03 van 07

Sla het document op

Als de webpagina nieuw is en niet is opgeslagen, vraagt ​​Dreamweaver u om deze op te slaan, zodat het relatieve pad kan worden berekend. Totdat het bestand is opgeslagen, laat Dreamweaver het geluidsbestand achter met een bestand: // URL-pad.

Als het geluidsbestand zich niet in dezelfde map bevindt als uw Dreamweaver-website, vraagt ​​Dreamweaver u om het daar te kopiëren. Dit is een goed idee, zodat websitebestanden niet overal op uw harde schijf worden verspreid.

04 van 07

Het plug-insymbool verschijnt op de pagina

In Dreamweaver wordt het ingesloten geluidsbestand weergegeven als een plug-inpictogram in de ontwerpweergave. Dit is wat klanten die niet de juiste plug-in hebben zullen zien.

05 van 07

Selecteer het pictogram en pas de kenmerken aan

Wanneer u het plug-insymbool selecteert, verandert het eigenschappenvenster in plugin-eigenschappen. U kunt de grootte (breedte en hoogte) die wordt weergegeven op de pagina, uitlijning, CSS-klasse, verticale en horizontale ruimte rond het object (v-spatie en h-ruimte) en de rand aanpassen. Evenals de plugin-URL. Ik laat over het algemeen al deze opties blanco of de standaard, omdat de meeste van deze opties kunnen worden gedefinieerd met CSS.

06 van 07

Voeg twee parameters toe

Er zijn veel parameters die u aan de embed-tag (de verschillende attributen) kunt toevoegen, maar er zijn er twee die u altijd aan geluidsbestanden moet toevoegen:

  • automatisch afspelenDit vertelt de webbrowser of het geluid meteen moet starten nadat het is geladen (meestal direct nadat de pagina is geladen) of wacht tot het wordt gevraagd om af te spelen. De meeste mensen zijn geïrriteerd door sites met geluid ingesteld op autoplay = true.
  • controleurHiermee beschikt uw klant over een manier om het geluidsbestand te beheren - uitschakelen of afspelen vanaf het begin enzovoort. Als je autoplay hebt ingesteld op false, heb je een controller nodig om het geluid te starten (of een JavaScript-functie om het aan te zetten).
07 van 07

Bekijk de bron

Als je nieuwsgierig bent naar hoe Dreamweaver je geluidsbestand installeert, bekijk je de bron in de codeweergave. Daar zie je de embed-tag met je parameters ingesteld als attributen. Houd er rekening mee dat de embed-tag geen geldige HTML- of XHTML-tag is, dus uw pagina wordt niet gevalideerd als u deze gebruikt. Maar aangezien de meeste browsers de objecttag niet ondersteunen, is dit beter dan niets.