mp3 from youtube

Como Insertar un Youtube Video como Audio Player Sin Descargar

¿CÓMO se inserta la parte de audio de cualquier vídeo de YouTube en tu sitio web o blog? Una opción fácil sería que convierta el vídeo de YouTube en un archivo MP3 y subirlo a un sitio de alojamiento de audio como Soundcloud. Esto funciona, pero YouTube es muy probable que tenga un problema con el enfoque debido a problemas de derechos de autor.
Hay un método más sencillo, así que utiliza el API de YouTube oficial y no requiere la conversión de archivos.
Puede incrustar cualquier vídeo de YouTube en sus páginas web y los visitantes de su sitio será capaz de reproducir y pausar el audio de vídeo con un simple clic. Con esta técnica, también se puede utilizar un vídeo de YouTube como sonido de fondo que se ejecuta en un bucle.
Echa un vistazo a esta demostración en vivo Presionando sobre el símbolo de PLAY.


Cómo incrustar audio de YouTube.

Se necesita sólo un paso para integrar un sistema de audio de YouTube. Abra cualquier vídeo de YouTube y tome nota de la identificación de vídeos de YouTube (una cadena de 11 caracteres).
Siguiente copia-pega el siguiente código en cualquier lugar de su sitio web y reemplazar VIDEO_ID con ID real del vídeo de YouTube.

 

<code><div data-video="VIDEO_ID" data-autoplay="0" data-loop="1" id="youtube-audio">
</div><script src="https://www.youtube.com/iframe_api"></script>
<script src="https://cdn.rawgit.com/labnol/files/master/yt.js"></script>
</code>


Hay algunos otros parámetros de configuración que se pueden cambiar en función de las necesidades. Por ejemplo, si se establece para la reproducción automática de datos a 1, el sonido comenzará a reproducirse inmediatamente al cargar la página. Del mismo modo, establecer los datos de bucle a 1 y el audio se reproducirá de forma continua en un bucle sin fin hasta que se detiene manualmente.
Esto hace que internamente el vídeo de YouTube usando el jugador IFRAME y sería por lo tanto trabajar en ambos navegadores de escritorio y móviles.
Los archivos JavaScript se alojan en Github mientras que las imágenes están alojadas en Imgur. Se recomienda que copie los activos a su propio servidor antes de implementar en un sitio web de alto tráfico.


Was This Post Helpful:

0 votes, 0 avg. rating

Share:

JC

Leave a Comment

Loading...