Vi modtog et interessant spørgsmål i sidste uge her på TechJunkie Towers. Den betragtede noget, jeg aldrig havde overvejet før, og ville vide, hvordan man integrerer MP3-lyd på en webside med Google Drev. Som en person, der kører et antal websteder for organisationer, blev spørgsmålet sendt til mig for at svare.
Du vil normalt være vært for ethvert medie ved siden af hjemmesiden, hvis du ville have det på en side. Det holder tingene ryddige og reducerer antallet af eksterne forespørgsler, som din webside skal stille, mens du indlæser. Det er dog ikke den eneste måde at gøre ting på, og hvis du af en eller anden grund ikke kan være vært for din lyd ved siden af dit websted, kan du bruge Google Drev eller anden cloud-service til at være vært for den og linke hen til din webside.
Mens denne selvstudie tackle indlejring på en webside, gælder det samme princip for de fleste online sider. Det kan omfatte sociale netværk, blogs, wikier, destinationssider eller hvad som helst.
Integrer lyd på en webside med Google Drev
For at integrere lyd på en webside vil vi normalt uploade MP3-filen til webhosten og placere den inline på siden. Dette gør det muligt for siden at forespørge værten og afspille musikken hurtigt og uden yderligere eksterne forespørgsler. Det er ikke altid muligt. Hvis du ikke har pladslagringskapacitet på din webhost, eller værten ikke er meget hurtig eller egnet til streaming, skal du søge et andet sted.
Det er her Google Drive eller anden cloud-service kommer ind. Du kan uploade MP3'en til skylagring og linke til den fra din webside. Derefter, hver gang nogen spiller nummeret, streamer de, hvis de er fra dit Drev i stedet for lokalt på din webhost. I betragtning af hvor store og kraftfulde Google sky-servere er, kan du lige så godt bruge det til din fordel!
Sådan konfigureres det:
- Log ind på dit Google Drev som normalt.
- Opret en mappe og upload MP3-filen til den.
- Sæt tilladelse til MP3-filen til 'Til - offentligt på nettet, enhver på Internettet kan finde og se'.
- Gem tilladelsen.
- Optag delingslinket på delingssiden. Det begynder 'https://drive.google./com/…'
Det er det til opsætning. Din MP3-fil er nu i skyen og tilgængelig for alle med delingslinket. Vi er nu nødt til at placere dette link online på din webside for at andre kan få adgang til det.
Indlejring af linket på din side
Præcis hvordan du integrerer delingslinket, afhænger af, hvad du bruger til dit websted. Du kan bruge en anden metode til WordPress eller Joomla, som du ville gøre for HTML eller andre rammer.
Sådan integreres din MP3 på en WordPress-side:
- Åbn din side i WordPress og lav en plads til lydfilen.
- Vælg knappen Tilføj medier øverst i sideditoren.
- Vælg Indtast URL, og indsæt Google Drev-URL fra oven.
- Giv det et navn og en titel og derefter Indsæt medier.
- Gem siden, når den er færdig.
Hvis du forhåndsviser siden, skal du nu se linket og dets beskrivelse tilføjet, hvor du placerede det på siden. Afspil medierne, og det streamer usynligt fra dit Google Drev gennem siden. Det er en meget ryddig måde at tilføje rige medier til en side uden at bruge oplagring på din webhost.
Hvis du ikke bruger WordPress og har brug for at integrere koden i en iFrame, er det også meget ligetil. Da iFrames er en webstandard, bør de fleste rammer og publiceringsplatforme understøtte dem. Så alt hvad du behøver at gøre er at oprette iFrame og placere den på din side.
Sådan integreres din MP3-fil ved hjælp af andre rammer:
- Indsæt Google Drive-delingswebadressen i en teksteditor.
- Skift '/ view' i slutningen af URL'en til '/ preview' og kopier hele URL'en.
- Indsæt den i koden herunder i stedet for eksemplet URL efter 'src ='.
- Åbn din webside i en HTML-editor, eller brug din platforms editor.
- Placer hele koden inklusive den på din side, hvor du vil have den til at vises.
- Gem filen og test den.
Koden:
frameborder = "0" bredde = "500" højde = "250" src = "https://drive.google.com/file/d/MP3FILEURL/preview">
Afspilleren skal vises på din side og afspille MP3-filen, når den er valgt. Sørg for at kontrollere linket selv, når det først er uploadet, for at sikre dig, at det fungerer. Publicer derefter den ændrede side og nyd!
Sådan integreres MP3-lyd på en webside med Google Drev. Kender du til andre måder at gøre det på? Fortæl os om det nedenfor, hvis du gør det!
