3 verschillende manieren om een ​​gratis mp3-speler op uw website in te sluiten

3 verschillende manieren om een ​​gratis mp3-speler op uw website in te sluiten / Wordpress en webontwikkeling

Website-eigenaren zouden blij moeten zijn dat er meer dan ooit ondersteuning is voor het insluiten van codes voor bijna alles, chat-widgets, bel-widgets, enz. Als u een MP3-speler nodig heeft, kunt u zoeken naar widgets op sites zoals Widgetbox Blidgets - Widgets maken die promoten Je blidgets in het blog - Hoe maak je widgets die je blog promoten Lees meer, of je kunt blijven lezen omdat we een verzameling eenvoudige manieren hebben verzameld om MP3's in te sluiten. Als u een website bezit, neem ik aan dat u een beetje HTML kent, wat u in dit artikel veel zult zien.

Er zijn 3 spelers die je kunt gebruiken om MP3's in te bedden. Eerst bespreken we wat te gebruiken voor enkele MP3's die je host. Voor extra MP3-bestanden kunt u de Yahoo! Media Player, die alle MP3-links zal detecteren en deze in een speler zal weergeven zodat de websitebezoeker kan spelen of browsen. Als u afspeellijsten met MP3-bestanden maakt, moet de derde methode voor het insluiten van een MP3-speler voldoen aan uw behoeften, hoewel deze wordt geleverd met langere codes dan de vorige twee.

Google Reader Podcast Player voor enkele MP3's

Het blog Digital Inspiration bevat de details over het insluiten van MP3-bestanden met de Google Player, maar om het artikel samen te vatten, hoeft u alleen deze code in te voegen, ter vervanging “MP3URL” met de juiste URL van het MP3-bestand gehost op het web dat u wilt insluiten in uw index.html-bestand met de hoofdpagina:

MP3URL” width =”400 "hoogte =”27 "kwaliteit =”het beste”>

Hoewel deze speler erg eenvoudig is, heeft hij geen Google-logo, hij heeft zelfs volumeregelaars en is waarschijnlijk een van de gemakkelijkste manieren om snel een MP3-speler in te bedden..

Yahoo Media Player voor elke MP3-URL op een pagina

Dus laten we zeggen dat je al een heleboel MP3-bestanden op je webpagina hebt staan ​​en dat je gewoon een speler nodig hebt. In plaats van de code van de Google-speler in te voegen voor al die MP3's, zou je gewoon het handige kunnen gebruiken [GEEN LANGERE WERKEN] Yahoo Media Player.

Zolang u deze MP3-bestanden op uw webpagina hebt gekoppeld, kunt u de volgende code gebruiken om de Yahoo Media Player op te nemen, die de MP3-bestanden zal detecteren en de spelen knoppen naast elk MP3-bestand.

Met die ene regel HTML krijgt u een zwevende mediaspeler die alle MP3-bestanden in één webpagina kan afspelen.

JW FLV Player voor afspeellijsten

De JW Player is een open-source speler voor niet-commercieel gebruik. Je kunt de speler downloaden, die wordt geleverd met een paar extra bestanden, namelijk swfobject.js en player.swf, die u allemaal uploadt naar dezelfde locatie als uw website. Het hebben van de JW Player voor afspeellijsten betekent dat je code moet invoegen in je index.html pagina en hebben ook een apart XML-bestand met de tracklijst, die echt niet zo moeilijk samen te stellen is.

Eerst moet je de volgende code in je invoegen index.html pagina:

Deze tekst zal worden vervangen

De vetgedrukte items zijn degene die u moet vervangen door de juiste URL's van het object, de speler en het XML-bestand (URLofSWFOBJECT.JS, URLofPLAYER.SWF, URLofPLAYLISTFILE.XML). Als deze code niets op uw pagina weergeeft, probeer dan deze code die bedoeld is om MP3-spelers in te bedden in blogs en sites zoals MySpace:







type = "application / x-shockwave-flash"
id = "single2"
name = "single2"
src ='URLofPLAYER.SWF'
width = "470"
height = "300"
bgcolor = "undefined"
allowScriptAccess = "always"
allowfullscreen = "true"
wmode = "transparent"
FlashVars = '= playlistfileURLofPLAYLISTFILE.XML& Playlist = links en dock = false'
/>

Wat betreft het XML-bestand, alles wat je hoeft te doen is om een ​​bestand op te slaan met de XML-bestandsextensie met behulp van Kladblok in Windows of een teksteditor. Als u Kladblok gebruikt, zorg er dan voor dat u in de Type opslaan als veld heeft “Alle bestanden (*.*)”. Plak dit in het XML-bestand en vervang de vetgedrukte items door de juiste vermeldingen:



<strong>Je MP3-afspeellijst</strong>
http: // YourWebpageHere /


<strong>NAMEofMP3file1</strong>
URLofMP3file1.MP3


<strong>NAMEofMP3file2</strong>
URLofMP3file2.MP3


<strong>NAMEofMP3file3</strong>
URLofMP3file2.MP3

U kunt meer tracks toevoegen als u dat wilt met de

tag, zorg er gewoon voor dat u de hoogte van de speler overeenkomstig aanpast. Dit is hoe de speler eruit ziet met de afspeellijst aan de linkerkant.

Ga naar de instellingenpagina van de officiële JW Player-website om de kleur van de speler aan te passen. Op deze instellingspagina kunt u ook de gewenste spelerparameters invoeren (bijvoorbeeld of u al dan niet automatisch wilt spelen) en een voorbeeld van de resultaten bekijken, terwijl u de code niet eens hoeft uit te spugen omdat deze de code moeiteloos spuwt om te kopiëren.

Deze geweldige, gratis speler zorgt niet alleen voor een hele afspeellijst, maar kan ook enkele MP3-bestanden afspelen. U hoeft deze code alleen in te voegen in uw index.html het dossier:

Deze tekst zal worden vervangen

Je moet ook de duur van het MP3-bestand invoeren, of je kunt die regel ook helemaal weglaten.

Als je liever niet met codes knoeit en liever gewoon embedcodes kopieert en plakt zonder deze te moeten wijzigen, kun je altijd single MP3 uploaden naar een online opslagsite, zoals 4shared en Box.net, die insluitcodes voor MP3-bestanden aanbieden.

Heb ik een MP3-speler gemist die gratis beschikbaar is? Laat het ons weten in de comments!

Beeldcredits: Box.net

Ontdek meer over: Media Player, MP3, Webmasterhulpprogramma's.