Cómo incrustar audio MP3 en una página web con Google Drive

Recibimos una pregunta interesante la semana pasada aquí en TechJunkie Towers. Consideraba algo que nunca había considerado antes y quería saber cómo incrustar audio MP3 en una página web con Google Drive. Como alguien que dirige varios sitios web para organizaciones, se me entregó la pregunta para que la respondiera.

Por lo general, alojaría cualquier medio junto con el sitio web si quisiera presentarlo en una página. Mantiene las cosas ordenadas y reduce la cantidad de consultas externas que debe realizar su página web mientras se carga. Sin embargo, esa no es la única forma de hacer las cosas y si, por alguna razón, no puede alojar su audio junto con su sitio web, puede usar Google Drive u otro servicio en la nube para alojarlo y vincularlo a su página web.

Si bien este tutorial aborda la incrustación en una página web, el mismo principio se aplica a la mayoría de las páginas en línea. Eso puede incluir redes sociales, blogs, wikis, páginas de destino o lo que sea.

Insertar audio en una página web con Google Drive

Para incrustar audio en una página web, normalmente cargamos el archivo MP3 en el servidor web y lo colocamos en línea en la página. Esto permite que la página consulte al anfitrión y reproduzca la música rápidamente y sin más consultas externas. Eso no siempre es posible. Si no tiene la capacidad de almacenamiento de espacio en su servidor web o el servidor no es muy rápido o no es adecuado para la transmisión, debe buscar en otra parte.

Ahí es donde entra Google Drive u otro servicio en la nube. Puede cargar el MP3 en el almacenamiento en la nube y vincularlo desde su página web. Luego, cada vez que alguien reproduce la pista, la transmite desde su Drive en lugar de localmente en su servidor web. Dado lo grandes y potentes que son los servidores en la nube de Google, ¡también puede usarlos para su ventaja!

A continuación, le indicamos cómo configurarlo:

  1. Inicie sesión en su Google Drive como de costumbre.
  2. Cree una carpeta y cargue el archivo MP3 en ella.
  3. Establezca el permiso para el archivo MP3 en ‘Activado: público en la web, cualquier persona en Internet puede buscar y ver’.
  4. Guarde el permiso.
  5. Capture el enlace para compartir en la página Compartir. Comenzará ‘https://drive.google./com/…’

Eso es todo para configurar. Su archivo MP3 ahora está en la nube y cualquiera que tenga el enlace para compartir puede acceder a él. Ahora necesitamos colocar ese enlace en línea en su página web para que otros puedan acceder a él.

Incrustar el enlace en su página

La forma exacta en que inserte el enlace para compartir depende de lo que use para su sitio web. Puede usar un método diferente para WordPress o Joomla como lo haría para HTML u otros marcos.

Para incrustar su MP3 en una página de WordPress:

  1. Abra su página en WordPress y haga un espacio para el archivo de audio.
  2. Seleccione el botón Agregar medios en la parte superior del editor de páginas.
  3. Seleccione Ingresar URL y pegue la URL de Google Drive de arriba.
  4. Déle un nombre y un título y luego Insertar medios.
  5. Guarde la página una vez hecha.

Si obtiene una vista previa de la página, ahora debería ver el enlace y su descripción agregados donde lo colocó en la página. Reproduzca el contenido multimedia y se transmitirá de forma invisible desde su Google Drive a través de la página. Es una forma muy ordenada de agregar medios enriquecidos a una página sin usar el almacenamiento en su servidor web.

Si no usa WordPress y necesita incrustar el código dentro de un iFrame, eso también es muy sencillo. Dado que los iFrames son un estándar web, la mayoría de los marcos y plataformas de publicación deberían admitirlos. Entonces, todo lo que necesita hacer es crear el iFrame y colocarlo en su página.

Para incrustar su archivo MP3 usando otros marcos:

  1. Pegue la URL para compartir de Google Drive en un editor de texto.
  2. Cambie ‘/ vista’ al final de la URL por ‘/ vista previa’ y copie la URL completa.
  3. Péguelo en el código siguiente en lugar de la URL de ejemplo después de ‘src =’.
  4. Abra su página web en un editor HTML o use el editor de su plataforma.
  5. Coloque el código completo, incluido el, en su página donde desea que aparezca.
  6. Guarde el archivo y pruébelo.

El código:


  frameborder="0"

  width="500"    

  height="250"

  src="https://drive.google.com/file/d/MP3FILEURL/preview">   


El reproductor debería aparecer en su página y reproducir el archivo MP3 cuando se seleccione. Asegúrese de verificar el enlace usted mismo una vez que lo haya cargado para asegurarse de que funcione. ¡Entonces publique la página modificada y disfrute!

Así es como incrustar audio MP3 en una página web con Google Drive. ¿Conoce otras formas de hacerlo? ¡Cuéntanoslo a continuación si lo haces!

Similar Posts

Leave a Reply

Your email address will not be published. Required fields are marked *