Cargando

Ir a contenido

X


Ver Más! Si te gustan las soluciones a problemas informáticos y tecnológicos en vídeo, no te pierdas el canal de YouTube Solvetic! Que no te lo cuenten, es mejor VERLO!!


 


Incluir archivos de audio MP3 en página web con Google Drive

Te enseñamos cómo poner un archivo mp3 con un reproductor multimedia en un sitio web con Google Drive.


Escrito por el ene 09 2018 12:05 ubuntu liux



Es frecuente que los sitios web admitan la inserción de archivos MP3 ya sea para reproducir algún tema especial, alguna conferencia o algún mensaje de la organización.

 

Aunque existen diversos sitios que hace este trabajo simple, basta con subir el archivo multimedia y ya, en muchos casos podemos usar Google Drive no solo como plataforma de alojamiento sino como una alternativa para insertar un archivo MP3 en un sitio web ya que el reproductor MP3 propio de Google Drive tiene la capacidad de integrarse en cualquier sitio web que admita IFRAME tales como WordPress, Google Sites o Blogger .

 

Solvetic analizará cómo lograr esto.

 

 

Cómo poner reproductor multimedia para archivo MP3 en página web con Google Drive

 

Paso 1

Para lograr esto iremos al siguiente enlace y accedemos a nuestra cuenta de Google Drive:

 

 

Paso 2

Una vez allí pulsamos en la sección “Mi unidad” y seleccionamos la opción “Subir archivos”:

 

1-Subir-archivos.png

 

Paso 3

Allí seleccionaremos el archivo MP3 a subir a Drive. Una vez subido, daremos clic derecho sobre él y seleccionamos la opción “Compartir”:

 

2-Compartir-drive.png

 

Paso 4

En la ventana emergente damos clic en la línea “Obtener vinculo para compartir” y debemos seleccionar la opción “Cualquiera en Internet puede buscar y ver”:

 

3-Cualquiera-en-Internet-puede-buscar-y-ver”.png

 

Paso 5

En caso de no ver esta opción disponible debemos dar clic sobre el campo respectivo y seleccionar la opción “Más”:

 

4-Obtener-vinculo-para-compartir.png

 

Paso 6

Ahora, en la ventana desplegada debemos activar la casilla “Activado: público en la web”:

 

5-Activado-público-en-la-web”.png

 

Paso 7

Una vez definidos estos puntos pulsamos en el botón “Copiar” y este será el esquema general de dicho link:
https://drive.google.com/file/d/1Gah0Z-txvoq4m5YtvIZnIUFl5nnp7fM_/view?usp=sharing
Paso 8

Ahora, con este código crearemos el siguiente archivo:
<iframe
  frameborder="0"
  width="400"	
  height="200"
  src="https://drive.google.com/file/d/1Gah0Z-txvoq4m5YtvIZnIUFl5nnp7fM_/preview">   
</iframe>

 

Paso 9

En este caso modificamos el término “view” con “preview” y editamos la línea según el ejemplo. Una vez incrustemos este código en nuestro sitio web veremos lo siguiente. Podemos ver que el archivo puede ser reproducido, tiene botón para pausar, subir el volumen o maximizar la pantalla.

 

7-reproducir-archivo-mp3-en-pagina-web-drive.png

 

 

Así de simple Google Drive nos ayuda a crear este tipo de archivos incrustados en nuestros sitios web de forma sencilla y totalmente funcional.

 

Escuchamos diferentes canciones allá donde vamos pero cuando las descargamos, ¿Sabemos la diferencia entre los principales formatos MP3 y ACC? Te las contamos!


Tutoriales Relacionados


Sin comentarios, sé el primero!

No esperes más y entra en Solvetic
Deja tus comentarios y aprovecha las ventajas de la cuenta de usuario ¡Únete!
10
VOTA
5
100%
4
0%
3
0%
2
0%
1
0%

  Información

  •   Publicado ene 09 2018 12:05
  •   Actualizado ene 09 2018 12:14
  •   Visitas 1.8K
  •   Nivel
    Avanzado