En gång i tiden var jag i ett rockband. När jag byggde vår hemsida ville jag naturligtvis lägga upp lite musik så att besökarna kunde lyssna innan vi köpte våra låtar på iTunes. Efter lite forskning upptäckte jag att det finns en miljon sätt att du skulle kunna gå om det, lite bättre än andra. Tyvärr, efter två album och massor av bra tider, finns inte mitt band Van Buren Regulars längre. Lyckligtvis, det jag lärde mig om inbäddning av musik lever vidare och är lätt att passera.
Idag ska vi titta på fyra enkla sätt att bädda in MP3-filer till din webbplats. Alla dessa metoder är gratis och tar bara några minuter att genomföra. Låt oss kolla in dem!
Enkel spelare med redigerbara parametrar
Med en objekttagg kan vi skapa vår egen lilla spelare med några rader av kod. Klistra in koden nedan på din sida och sätt in länken till din MP3. Då kan du anpassa alternativ som höjd, bredd, bakgrundsfärg, loop och autoplay.
Källa: O'Reilly Media
Här är den spelare som resulterar (kan ta en minut att ladda):
Google Reader MP3-spelare
Jag är säker på att du inte skulle bli förvånad att veta att Google har en gratis resurs som passar perfekt till det här problemet. För att använda mp3-spelaren i Google Reader klistrar du bara in följande kod i din sida och pekar på? AudioURL? på din MP3-fil.
Här är ett urval:
Yahoo Media Player
Yahoo Media Player tar ett drastiskt annorlunda tillvägagångssätt genom att presentera tittare med en mycket minimal text och en spelknapp istället för en fullfjädrad spelare. Men när du klickar på uppspelningsknappen dyker en flytande spelare upp som stannar med dig när du bläddrar. Ganska snazzy!
För Yahoo-spelaren lägger du först in denna del av JavaScript i dig kod:
Då, istället för att skapa en ny spelare för varje MP3 du vill bädda in, länkar du enkelt till MP3-filerna i din HTML och skapar automatiskt spelaren för dig.
Här är exemplet:
Sång 1
Sång 2
Observera också att även innan du klickar på uppspelningsknappen är Yahoo-spelaren dockad och klar att gå längst ner till vänster i fönstret. Klicka bara på pilen för att glida ut det.
MixPod
MixPod skapar en gratis flash widget för att bädda in i din webbplats. Det finns fördelar och nackdelar med att använda denna tjänst jämfört med de ovanstående. Nackdelarna är att du måste registrera dig (gratis) och spelaren visar en länk till MixPod. Fördelarna är att du får en uppsjö av bra designalternativ, inbäddad sånginformation inklusive artist- och låtnamn, möjligheten att justera färgschemat för att matcha din webbplats och tillgång till populära låtar och spellistor.
Att installera en MixPod är super lätt och kräver ingen kunskap om kodning utöver vart du klistrar in kodkoden som de ger dig. Allt du gör är att klistra in i din MP3-länk, sätt in artist / spårinformation för alla låtarna i din spellista och välj din hud och färger. Sedan ger MixPod dig en ganska stor chuck av kod för att klistra in i din webbplats. Resultatet är ganska smidigt.
MixPod är bara en av många leverantörer av gratis flash spelare du kan bädda in på din webbplats. Kolla in det här inlägget på CNET för en lista över bra.
Slutsats
Det här inlägget är lite på kort sida men det är för att inbäddning av musik verkligen blivit super lätt. Alla spelare ovan erbjuder dig enkla, kopiera och klistra lösningar för att sätta MP3-filer på din webbplats. Spelaren du ska gå med beror helt och hållet på hur du vill använda den. Ibland vill du bara ha något så minimalt som möjligt medan andra gånger du vill ha en prickig, animerad spelare kan dina tittare inte missa. Personligen älskar jag skinn och funktionalitet som finns på MixPod-spelarna. Men bara Yahoo erbjuder den stora flytande funktionen så spelaren stannar med dig och kan stängas av eller manipuleras när som helst. lämna en kommentar nedan för att informera oss om hur du bäddar in MP3-filer till dina webbplatser eller vilka av dessa alternativ du gillar bäst.