MP3-spelers zijn een populaire functie op vele websites. Zij kunnen spelen elke vorm van audio-inhoud online, van muziek tot poëzie naar podcasts. Velen gebruiken Shockwave Flash (SWF) toepassingen de MP3-bestanden af te spelen. Flash MP3-spelers te Embedding in webpagina's worden gebruikt om complexe in traditionele HTML (Hypertext Markup Language). De invoering van HTML versie 5 gemaakt het proces veel makkelijker dankzij een vereenvoudigde versie van het "insluiten" element.
Wat die u nodig hebt
- Teksteditor
- Webbrowser
- Flash MP3-speler
- MP3-bestand
Kies uw MP3-speler. Veel freeware en open source-opties zijn beschikbaar voor download op het Web. Voor dit voorbeeld, kies een Flash MP3-speler die gebruikmaakt van de HTML5 "insluiten" element en volg de documentatie zorgvuldig.
Een HTML5-bestand maken. Open een nieuw document in uw teksteditor en maak een standaard HTML5-pagina met behulp van deze code.
Hoe een MP3-speler met HTML Embed Sla het bestand op als "mp3-player.html."
HTML5 "insluiten" element toevoegt. Deze eenvoudige code binnen uw sectie van het HTML-"lichaam", de "myFlashMP3Player.swf" waarde vervangen door de bestandsnaam van uw eigen Flash MP3-speler zetten.
Uw MP3-speler documentatie zorgvuldig, na eventuele extra vereiste code toe te voegen (meestal, zou dit sommige JavaScript). Sla het bestand opnieuw.
Test uw Web-pagina. Open uw webbrowser en laad "mp3-player.html." Moet u uw MP3-speler ingebed in de webpagina. Als dat niet het geval is, Controleer dat u hebt gekopieerd van de codevoorbeelden correct en dat u uw MP3-speler-documentatie hebt gevolgd.
- De snelste manier om deze code voorbeeld werkend te krijgen is om het te testen met een bestand van eenvoudige Flash-animatie (SWF) in plaats van een MP3-speler. Zodra u dat werken hebt, zal het dan makkelijker om eventuele fouten die zou je bij het volgen van de instructies voor het coderen van uw MP3-speler te identificeren.
- In tegenstelling tot sommige van de HTML5 andere multimediafuncties, is het element "insluiten" goed ondersteund door de grote webbrowsers vanaf het begin. Hoewel het vereist (bijvoorbeeld) met behulp van een Flash-speler, begrijpen meer van de oudere webbrowsers dan de HTML5 "audio" element.
- HTML5 nog steeds kunt u gebruik maken van traditionele methoden van multimedia insluiten met het "object"-element (zoals SWFObject de JavaScript-methode). Echter, het gebruik ervan is moeilijker dan het gebruik van HTML5 "insluiten" element.
- In dit voorbeeld wordt de grondbeginselen van Flash insluiten in HTML5. Het omvat niet de complexe methoden voor het gebruik van de oudere "object"-element. Gebruik het voorbeeld niet met MP3-spelers ontworpen voor oudere versies van HTML of de methode van de "object".
- Als een web-browser niet al de Flash plugin geïnstalleerd hebt, zal de HTML5 "insluiten" element niet automatisch leiden het naar de downloadpagina van de plugin. Echter, aangezien de meeste web-gebruikers al Flash hebt geïnstalleerd in hun browsers, dit is normaal gesproken geen probleem. Als het gaat om u, zijn JavaScript oplossingen beschikbaar (zoals SWFObject).