Vi fick en intressant fråga förra veckan här på TechJunkie Towers. Det betraktade något jag aldrig hade tänkt på tidigare och ville veta hur man bäddar in MP3-ljud på en webbsida med Google Drive. Som någon som driver ett antal webbplatser för organisationer lämnades frågan till mig för att svara.
Du skulle vanligtvis vara värd för alla media längs med webbplatsen om du vill presentera det på en sida. Det håller saker snyggt och minskar antalet externa frågor som din webbsida måste göra när du laddar. Det är emellertid inte det enda sättet att göra saker och om du av någon anledning inte kan vara värd för ditt ljud längs din webbplats kan du använda Google Drive eller annan molntjänst för att vara värd för det och länka till din webbsida.
Medan denna handledning behandlar inbäddning på en webbsida gäller samma princip för de flesta onlinesidor. Det kan inkludera sociala nätverk, bloggar, wikier, målsidor eller vad som helst.
Bädda in ljud på en webbsida med Google Drive
För att bädda in ljud på en webbsida skulle vi normalt ladda upp MP3-filen till webbhotellen och placera den inline på sidan. Detta gör att sidan kan fråga värden och spela musiken snabbt och utan ytterligare externa frågor. Det är inte alltid möjligt. Om du inte har utrymme lagringskapacitet på din webbhotell eller värden inte är mycket snabb eller lämplig för strömning, måste du leta någon annanstans.
Det är där Google Drive eller annan molntjänst kommer in. Du kan ladda upp MP3 till molnlagring och länka till den från din webbsida. Sedan, varje gång någon spelar spåret de strömmar om från din Drive snarare än lokalt på din webbhotell. Med tanke på hur stora och kraftfulla Google-molnservrar är, kan du också använda det till din fördel!
Så här ställer du in det:
- Logga in på din Google Drive som normalt.
- Skapa en mapp och ladda upp MP3-filen till den.
- Ställ tillåtelse för MP3-filen till 'På - Offentligt på webben, vem som helst på Internet kan hitta och visa'.
- Spara tillståndet.
- Fånga delningslänken på Dela-sidan. Det börjar 'https://drive.google./com/…'
Det är det för att ställa in. Din MP3-fil är nu i molnet och tillgänglig för alla med delningslänken. Vi måste nu placera den länken online på din webbsida för att andra ska kunna komma åt den.
Bädda in länken på din sida
Exakt hur du bäddar in delningslänken beror på vad du använder på din webbplats. Du kan använda en annan metod för WordPress eller Joomla som för HTML eller andra ramverk.
Så här bäddar du in din MP3 på en WordPress-sida:
- Öppna din sida i WordPress och skapa ett utrymme för ljudfilen.
- Välj knappen Lägg till media längst upp i sidredigeraren.
- Välj Ange URL och klistra in Google Drive URL från ovan.
- Ge det ett namn och en titel och sedan Infoga media.
- Spara sidan när du är klar.
Om du förhandsgranskar sidan bör du nu se länken och beskrivningen läggs till där du placerade den på sidan. Spela media och det kommer att strömma osynligt från din Google Drive via sidan. Det är ett mycket snyggt sätt att lägga till rika medier på en sida utan att använda lagringsutrymme på din webbhotell.
Om du inte använder WordPress och behöver bädda in koden i en iFrame, är det också mycket enkelt. Eftersom iFrames är en webbstandard, bör de flesta ramar och publiceringsplattformar stödja dem. Så allt du behöver göra är att skapa iFrame och placera den på din sida.
Så här bäddar du in din MP3-fil med andra ramverk:
- Klistra in delningsadressen för Google Drive i en textredigerare.
- Ändra '/ view' i slutet av webbadressen för '/ preview' och kopiera hela URL: en.
- Klistra in den i koden nedan istället för exemplet URL efter 'src ='.
- Öppna din webbsida i en HTML-redigerare eller använd din plattformsredigerare.
- Placera hela koden inklusive den på din sida där du vill att den ska visas.
- Spara filen och testa den.
Koden:
frameborder = "0" width = "500" height = "250" src = "https://drive.google.com/file/d/MP3FILEURL/preview">
Spelaren ska visas på din sida och spela MP3-filen när den är vald. Se till att du själv kontrollerar länken när den har laddats upp för att se till att den fungerar. Publicera sedan den modifierade sidan och njut!
Det är så att bädda in MP3-ljud på en webbsida med Google Drive. Känner du till några andra sätt att göra det? Berätta om det nedan om du gör det!
