La setmana passada vam rebre una pregunta interessant a TechJunkie Towers. Va considerar alguna cosa que mai havia plantejat abans i volia saber com incrustar l'àudio MP3 en una pàgina web amb Google Drive. Com a algú que gestiona diversos llocs web per a organitzacions, em va respondre la pregunta.
Normalment, allotgeu qualsevol mitjà de comunicació al costat del lloc web si voleu aparèixer en una pàgina. Manté les coses ordenades i redueix el nombre de consultes externes que ha de fer la vostra pàgina web durant la càrrega. Tanmateix, aquesta no és l’única manera de fer les coses i si, per algun motiu no podeu allotjar l’àudio al costat del vostre lloc web, podeu utilitzar Google Drive o un altre servei en núvol per allotjar-lo i enllaçar-vos a la vostra pàgina web.
Encara que aquest tutorial tracta de la inserció en una pàgina web, el mateix principi s'aplica a la majoria de les pàgines en línia. Això pot incloure xarxes socials, blocs, wikis, pàgines de destinació o qualsevol altra cosa.
Incrustar l'àudio en una pàgina web amb Google Drive
Per incrustar l'àudio en una pàgina web, normalment penjaríem el fitxer MP3 a l'amfitrió web i el col·locàrem en línia a la pàgina. Això permet que la pàgina consulti l'amfitrió i reprodueixi la música de manera ràpida i sense més consultes externes. No sempre és possible. Si no teniu la capacitat d’emmagatzematge d’espai al vostre amfitrió web o l’amfitrió no és gaire ràpid ni adequat per a la transmissió en directe, heu de buscar un altre lloc.
És aquí on entra Google Drive o un altre servei de núvol. Podeu penjar el format MP3 a l’emmagatzematge al núvol i enllaçar-lo des de la pàgina web. A continuació, cada vegada que algú reprodueix la pista que transmeten des de la unitat, més que localment al vostre host web. Tenint en compte la mida que són grans i potents dels servidors de núvol de Google, també ho podreu fer servir.
A continuació s’explica com configurar-lo:
- Inicieu la sessió al vostre Google Drive amb normalitat.
- Creeu una carpeta i pengeu-hi el fitxer MP3.
- Definiu el permís per a l'arxiu MP3 a "Públic: a la web, qualsevol que d'Internet pugui trobar i veure".
- Desa el permís.
- Captura l'enllaç per compartir a la pàgina Compartir. Començarà a "https://drive.google./com/…"
Això és per configurar. El vostre fitxer MP3 ara es troba al núvol i és accessible per a qualsevol persona amb l’enllaç de compartir. Ara hem de posar aquest enllaç en línia a la pàgina web perquè altres persones puguin accedir-hi.
Incrustar l'enllaç a la vostra pàgina
La forma exacta de com incorporeu l'enllaç compartit depèn del que feu servir per al vostre lloc web. Podeu utilitzar un mètode diferent per a WordPress o Joomla com ho faríeu per a HTML o altres frameworks.
Per incrustar el MP3 a una pàgina de WordPress:
- Obriu la vostra pàgina a WordPress i creeu un espai per a l’arxiu d’àudio.
- Seleccioneu el botó Afegeix suports a la part superior de l’editor de pàgines.
- Seleccioneu Introduïu l'URL i enganxeu l'URL de Google Drive des de dalt.
- Poseu-li un nom i un títol i, a continuació, Inseriu suports.
- Desa la pàgina un cop feta.
Si visualitzeu la vista prèvia de la pàgina, haureu de veure l’enllaç i la seva descripció afegida on la vau col·locar a la pàgina. Reproduïu-vos als suports i transmetrà un contingut invisible de la vostra unitat de Google a través de la pàgina. És una forma molt ordenada d’afegir suports rics a una pàgina sense fer servir l’emmagatzematge al vostre host web.
Si no utilitzeu WordPress i necessiteu incrustar el codi en un iFrame, també és molt senzill. Com que iFrames són un estàndard web, la majoria de marcs i plataformes de publicació haurien de donar-los suport. Tot el que només necessites és crear l’IFrame i col·locar-lo a la teva pàgina.
Per incrustar el fitxer MP3 mitjançant altres frameworks:
- Enganxeu l'URL compartit de Google Drive en un editor de text.
- Canvieu "/ visualitza" al final de l'URL per "/ vista prèvia" i copieu l'URL complet.
- Enganxeu-lo al codi següent al lloc de l'exemple URL després de 'src ='.
- Obriu la pàgina web en un editor HTML o utilitzeu l’editor de la vostra plataforma.
- Col·loqueu tot el codi inclòs a la pàgina on voleu que aparegui.
- Desa el fitxer i prova-ho.
El codi:
frameborder = "0" width = "500" height = "250" src = "https://drive.google.com/file/d/MP3FILEURL/preview">
El reproductor hauria d’aparèixer a la vostra pàgina i reproduir el fitxer MP3 quan el seleccioneu. Assegureu-vos de comprovar l'enllaç un cop penjat per assegurar-vos que funciona. Aleshores, publiqueu la pàgina modificada i gaudiu-ne.
Així és com incrustar l'àudio MP3 en una pàgina web amb Google Drive. Coneixeu altres maneres de fer-ho? Expliqueu-ne a continuació si ho fas!
