M谩s

    C贸mo agregar un widget de reproductor de m煤sica de audio en WordPress

    - Advertisement -

    驴Desea agregar un widget de reproductor de m煤sica de audio en WordPress?

    Un reproductor de m煤sica es una excelente manera de compartir canciones, podcasts, entrevistas y otros archivos de audio con su audiencia. Esto puede ayudar a crear una experiencia m谩s interesante y atractiva en su sitio.

    En este art铆culo, le mostraremos c贸mo puede agregar un reproductor de audio y m煤sica en WordPress.

    驴Por qu茅 agregar un widget de reproductor de m煤sica de audio en WordPress?

    Un reproductor de m煤sica permite a los visitantes escuchar audio directamente en su sitio web de WordPress.

    Si eres un podcaster o un m煤sico, incluir audio en tu propio sitio puede mantener a tus visitantes y seguidores actualizados con tu trabajo.

    Tambi茅n puede alentar a las personas a visitar su sitio web directamente en lugar de reproducir su audio en otras plataformas. Una vez que estas personas est茅n en su sitio, es posible que pueda ganar m谩s dinero mostrando anuncios en su blog de WordPress o vendiendo el archivo de audio como descarga digital.

    Incluso si no crea ning煤n audio original, incorporar contenido de plataformas de terceros como Spotify es una manera f谩cil de crear un sitio web m谩s atractivo. Esto puede mantener a los visitantes en su sitio por m谩s tiempo y hacer que la experiencia sea m谩s divertida.

    Dicho esto, echemos un vistazo a c贸mo puede agregar un reproductor de audio y m煤sica en WordPress. Simplemente use los enlaces r谩pidos a continuaci贸n para saltar directamente al m茅todo que desea usar.

    M茅todo 1. C贸mo agregar un widget de reproductor de m煤sica de audio usando el bloque de audio (F谩cil)

    Con este m茅todo, puede crear un reproductor de m煤sica de audio simple utilizando el bloque de audio de WordPress incorporado. Puede usar el bloque para reproducir cualquier archivo .mp3, .m4a, .ogg o .wav.

    El reproductor de audio es muy simple en comparaci贸n con la mayor铆a de los complementos de reproductores de audio. Tiene un bot贸n de reproducci贸n/pausa, controles de volumen, un bot贸n de descarga y un bot贸n para cambiar la velocidad de reproducci贸n.

    Un widget de reproductor de m煤sica creado con el bloque de audio

    El bloque de audio incorporado es una buena opci贸n si desea agregar algunos clips de audio cortos a su sitio y no necesita ninguna funci贸n avanzada.

    Si incrusta contenido de una plataforma de terceros compatible, como Spotify o SoundCloud, el bloque de audio mostrar谩 los controles de reproducci贸n para esa plataforma. Tambi茅n puede mostrar alg煤n contenido adicional de la plataforma, como el nombre del artista y la imagen de portada.

    Por ejemplo, aqu铆 hay un bloque de audio con contenido integrado de SoundCloud.

    Reproductor de audio con contenido integrado de SoundCloud

    Para agregar un reproductor de m煤sica de audio simple a su sitio web de WordPress, abra cualquier p谩gina o publicaci贸n. Luego, haga clic en el icono +.

    En la ventana emergente que aparece, escriba ‘Audio’ para encontrar el bloque correcto. Luego puede simplemente hacer clic en el bloque de audio para agregarlo a su p谩gina.

    El bloque de audio incorporado de WordPress

    En este punto, puede agregar un archivo de audio o incrustar un clip de audio desde otra plataforma.

    Nota: En la mayor铆a de los casos, recomendamos alojar sus archivos de audio y video en un sitio de terceros por muchas razones, incluida la optimizaci贸n de la calidad y el ahorro de ancho de banda. He aqu铆 por qu茅 nunca deber铆as subir un video a WordPress.

    Para agregar un archivo de audio desde su computadora, haga clic en ‘Cargar’ y luego elija el archivo que desea usar. Otra opci贸n es hacer clic en ‘Biblioteca multimedia’ y luego elegir un archivo de la biblioteca multimedia de WordPress.

    Subir un archivo de audio a su sitio web de WordPress

    Si carga el audio completo, es posible que desee dar a los visitantes la opci贸n de apoyar su trabajo como m煤sico o podcaster envi谩ndole una donaci贸n. Para obtener un tutorial paso a paso, consulte nuestra gu铆a sobre c贸mo agregar un bot贸n de donaci贸n de Stripe en WordPress.

    驴Quieres insertar audio desde otra plataforma en su lugar?

    Esto es similar a c贸mo incrusta videos en WordPress, donde simplemente pega la URL de un video de YouTube y WordPress lo incrusta autom谩ticamente.

    Solo tenga en cuenta que la mayor铆a de las plataformas solo incorporan una vista previa del archivo de audio completo. El bloqueo puede incluso alentar a las personas a abandonar su sitio web y visitar la plataforma de terceros para escuchar el audio completo.

    En la siguiente imagen, el bloque de audio dirige a los visitantes hacia el sitio web de Spotify.

    Una lista de reproducci贸n de Spotify incrustada en WordPress

    Si eres m煤sico, esto podr铆a aumentar tus regal铆as al alentar a los visitantes a reproducir tu contenido en otras plataformas. Sin embargo, tambi茅n puede alejar a las personas de su sitio web y llevarlas a otras plataformas.

    Para incrustar audio desde una plataforma de terceros, comience haciendo clic en ‘Insertar desde URL’.

    Esto abre una peque帽a barra ‘Pegar o escribir URL’.

    Pegar un archivo de audio usando una URL

    Ahora puede ingresar la URL del clip de audio que desea incrustar en su blog de WordPress.

    Por lo general, solo necesita visitar la canci贸n o el audio que desea incrustar y luego abrir su configuraci贸n ‘Compartir’.

    Despu茅s de eso, puede copiar la URL proporcionada.

    Como ejemplo, veamos c贸mo puedes incrustar cualquier canci贸n de Spotify en tu sitio. Para comenzar, busque la canci贸n o la lista de reproducci贸n que desea agregar a su sitio web de WordPress.

    Luego, simplemente haz clic en los tres puntos que muestra Spotify junto a la lista de reproducci贸n o canci贸n.

    Agregar audio de Spotify a un sitio web de WordPress

    Una vez que hayas hecho eso, haz clic en Compartir 禄 Copiar canci贸n Enlace.

    Para agregar el audio a un widget de reproductor de m煤sica, simplemente pegue el enlace en el bloque de audio.

    URL 'Compartir' de Spotify

    En nuestro ejemplo de Spotify, WordPress convertir谩 el bloque de audio en un bloque de Spotify. Este cambio ocurre autom谩ticamente, por lo que no es algo de lo que deba preocuparse.

    El bloque de WordPress Spotify

    Despu茅s de agregar un archivo de audio, puede hacer clic en el bloque de audio para ver qu茅 ajustes puede configurar para ese bloque.

    La configuraci贸n que ve puede variar dependiendo de si carg贸 un archivo de audio o incrust贸 una vista previa desde un sitio de terceros. Por ejemplo, a menudo puede configurar el audio para que se reproduzca autom谩ticamente haciendo clic en el interruptor 芦Reproducci贸n autom谩tica禄.

    La configuraci贸n de reproducci贸n autom谩tica y bucle de WordPress

    La mayor铆a de estas configuraciones se explican por s铆 mismas, por lo que es una buena idea pasar un tiempo probando las diferentes configuraciones para ver cu谩l funciona mejor para su sitio.

    Cuando est茅 satisfecho con la configuraci贸n del bloque, puede actualizar o publicar la p谩gina.

    Ahora, si visita la p谩gina de su sitio, ver谩 el reproductor de audio y m煤sica en vivo. Tambi茅n puede escuchar el audio usando los botones de control de reproducci贸n del bloque.

    M茅todo 2. C贸mo agregar un widget de reproductor de audio y m煤sica usando un complemento (m谩s personalizable)

    El bloque de audio de WordPress incorporado es una forma r谩pida y f谩cil de crear un reproductor de audio simple. Sin embargo, tiene sus l铆mites, especialmente cuando se trata de personalizar el reproductor y la experiencia de reproducci贸n.

    Tampoco hay un lugar central donde pueda administrar sus reproductores de audio. Esto significa que no puede usar el mismo reproductor varias veces en su sitio.

    Si desea funciones m谩s avanzadas y reproductores de audio reutilizables, le recomendamos Reproductor de audio HTML5. Este complemento puede reproducir cualquier archivo mp3, .wav o .ogg.

    El complemento solo puede reproducir un archivo de audio por reproductor. Sin embargo, puede crear tantos reproductores de audio como desee para poder reproducir muchas pistas diferentes en su sitio.

    Incluso puede agregar varios reproductores de audio a la misma p谩gina.

    M煤ltiples reproductores de audio en una sola p谩gina

    Primero, deber谩 instalar y activar el complemento. Si necesita ayuda, consulte nuestra gu铆a sobre c贸mo instalar un complemento de WordPress.

    Tras la activaci贸n, estar谩 listo para construir su primer reproductor de audio yendo a Reproductor de audio HTML5 禄 Reproductor de audio HTML5.

    Aqu铆, contin煤e y haga clic en el bot贸n ‘Agregar reproductor de audio’.

    Agregar un reproductor de audio a su sitio web de WordPress

    Para comenzar, escriba un nombre para el reproductor de audio en el campo que muestra 芦Agregar t铆tulo禄.

    Esto es solo para su referencia para que pueda usar cualquier t铆tulo que desee.

    Creaci贸n de un widget de reproductor de audio usando un complemento

    Una vez que haya hecho eso, despl谩cese a la secci贸n ‘Configuraci贸n del jugador’.

    Aqu铆, puede agregar un archivo de audio al reproductor haciendo clic en el bot贸n ‘Agregar audio’.

    Agregar un archivo de audio al reproductor HTML5

    Ahora puede seleccionar cualquier archivo de audio de la biblioteca de medios o cargar un archivo desde su computadora.

    Despu茅s de elegir un archivo, est谩 listo para personalizar el reproductor de audio. De forma predeterminada, el visitante solo necesita hacer clic en el bot贸n Reproducir y el audio comenzar谩 a reproducirse con el volumen ya subido.

    As铆 es como la mayor铆a de los visitantes esperan que act煤e un reproductor de audio, por lo que normalmente querr谩 usar esta configuraci贸n predeterminada.

    Tambi茅n hay opciones para silenciar el audio de forma predeterminada, reproducci贸n autom谩tica, repetici贸n y m谩s.

    Una vez que est茅 satisfecho con la configuraci贸n del reproductor, simplemente despl谩cese hasta la parte superior de la pantalla y haga clic en el bot贸n 芦Guardar禄.

    Agregar un nuevo reproductor de audio a su sitio web de WordPress

    Luego, puede agregar el reproductor de audio a su sitio usando un c贸digo abreviado o el bloque del reproductor de audio HTML5.

    El bloque es el m茅todo m谩s f谩cil. Sin embargo, si desea colocar el reproductor usando un c贸digo abreviado, encontrar谩 el c贸digo en la parte superior de la pantalla.

    Colocar un widget de reproductor de audio usando shortcode

    Para obtener m谩s detalles sobre c贸mo colocar el c贸digo abreviado, puede consultar nuestra gu铆a sobre c贸mo agregar un c贸digo abreviado en WordPress.

    Para agregar el reproductor de audio y m煤sica usando un bloque, abra cualquier p谩gina o publicaci贸n. Ahora puede hacer clic en el bot贸n +.

    En la ventana emergente que aparece, escriba ‘Reproductor de audio HTML5’ para encontrar el bloque correcto. Una vez que haga clic en el bloque ‘Reproductor de audio HTML5 – Insertar’, se agregar谩 el bloque a su p谩gina.

    Agregar un bloque de reproductor de audio a su sitio de WordPress

    A continuaci贸n, abra el men煤 desplegable que muestra 芦Seleccionar un reproductor禄 para ver una lista de todos los reproductores de audio que ha creado.

    Ahora puede hacer clic en un reproductor de audio para agregarlo a la p谩gina o publicaci贸n.

    Un bloque de audio HTML5 WordPress

    El editor de p谩ginas de WordPress no muestra el reproductor de audio.

    Sin embargo, si hace clic en el bot贸n Vista previa, podr谩 ver c贸mo se ver谩 el reproductor para las personas que visitan su sitio web. Incluso puedes escuchar el audio y probar los diferentes botones de reproducci贸n.

    Vista previa del widget de m煤sica de audio

    Cuando est茅 satisfecho con el aspecto y las funciones del reproductor de audio, puede actualizar o publicar la p谩gina.

    Ahora, si visita esta p谩gina en su sitio web de WordPress, ver谩 el reproductor de audio en vivo.

    驴Desea agregar otras pistas de audio a su sitio? Luego, simplemente puede seguir el proceso descrito anteriormente para crear m谩s reproductores de audio y agregarlos a su sitio web de WordPress.

    Esperamos que este art铆culo le haya ayudado a aprender c贸mo agregar un widget de reproductor de audio en WordPress. Tambi茅n puede consultar nuestra gu铆a sobre el mejor software de notificaci贸n push web y c贸mo crear un bolet铆n informativo por correo electr贸nico.

    Si te ha gustado este art铆culo, suscr铆bete a nuestro Canal de Youtube para tutoriales en v铆deo de WordPress. Tambi茅n puedes encontrarnos en Gorjeo y Facebook.

    La publicaci贸n C贸mo agregar un widget de reproductor de audio y m煤sica en WordPress apareci贸 por primera vez en AprenderWP.


    Fuente: C贸mo agregar un widget de reproductor de m煤sica de audio en WordPress

    Populares

    M谩s de esta categor铆a

    DEJA UNA RESPUESTA

    Por favor ingrese su comentario!
    Por favor ingrese su nombre aqu铆

    Este sitio usa Akismet para reducir el spam. Aprende c贸mo se procesan los datos de tus comentarios.