TechBlogSD - Todo para WordPress y desarrollo WEB
Instrucciones de WEB y WordPress, noticias, reseñas de temas y complementos

¿Cómo agregar un reproductor de audio en un sitio de WordPress sin complemento?

68

Los medios son muy importantes para atraer usuarios y retenerlos en su sitio web. Puede incrustar fácilmente YouTube y otros videos en su WordPress. Del mismo modo, si desea incrustar un audio en su sitio, así es como puede hacerlo. WordPress tiene un reproductor de audio HTML5 integrado para mostrar sus archivos de audio de manera sencilla. Puede crear un reproductor con un solo audio o con varios archivos de audio como lista de reproducción. En este artículo explicaremos cómo agregar un reproductor de audio en el sitio de WordPress usando un código corto de audio predeterminado.



Agregar audio en WordPress sin complemento

WordPress tiene un código abreviado de audio incorporado para insertar un reproductor de audio HTML5 en sus publicaciones, páginas y widgets. Es compatible con todos los tipos de archivos compatibles con HTML5, como .mp3, .egg y .wav.

Insertar un solo archivo de audio

Al igual que con cualquier otra imagen y video, cargue su archivo de audio a través del botón "Agregar medios" en el editor de publicaciones de WordPress. Después de cargar el archivo, ingrese los detalles de la pista en la pantalla de medios. WordPress le permite agregar detalles de la pista como el título de su audio, nombre del artista, nombre del álbum, título y descripción de su archivo de audio como se muestra a continuación.

¿Cómo agregar un reproductor de audio en un sitio de WordPress sin complemento?

Agregar detalles de pista de archivo de audio en WordPress

Aunque el reproductor de audio de un solo archivo no usa estos detalles en la pantalla, estos detalles se muestran en la lista de reproducción. Desplácese hacia abajo hasta el final del panel y compruebe que haya seleccionado la opción "Insertar reproductor multimedia". Debe seleccionarse del menú desplegable junto a "Insertar o vincular" en la sección "Configuración de visualización de adjuntos".

¿Cómo agregar un reproductor de audio en un sitio de WordPress sin complemento?

Elija la opción Insertar reproductor multimedia

Esta es una configuración importante que permite a WordPress insertar un reproductor de audio en lugar de vincularlo al archivo multimedia oa la página de adjuntos. Haga clic en el botón "Insertar en la publicación" para agregar el archivo a su publicación de WordPress. WordPress agregará automáticamente un reproductor de audio HTML5.

A continuación se muestra un ejemplo de un reproductor de audio HTML5 predeterminado insertado con un código corto de audio.

El reproductor de audio tiene controles mínimos con botones de reproducción / pausa, barra de progreso que muestra la duración del tiempo, control de volumen y barra de volumen. El reproductor de audio predeterminado responde y ocupa el ancho disponible según el ancho del navegador. Y el artículo publicado tendrá el mismo reproductor de audio que ves dentro del editor de publicaciones.

Personalización del código corto de audio

Ahora haga clic en la pestaña "Texto" en el editor para ver que el archivo de audio básicamente usa un código corto para mostrarlo como un reproductor.

[if lt IE 9]><script>document.createElement('audio');</script><![endif]

Aunque el código abreviado tiene etiquetas de apertura y cierre, la etiqueta de audio de cierre no es obligatoria. También puede agregar los archivos de audio de respaldo usando el código corto a continuación. En este caso, si hay un problema al reproducir el archivo .mp3, WordPress elegirá la opción de respaldo .ogg y luego .wav.

Audio Player

Se pueden agregar opciones de reproducción automática y bucle de la siguiente manera:

Audio Player

Asegúrese de habilitar la opción de reproducción automática solo si es necesario para brindar una buena experiencia de usuario.

Insertar una lista de reproducción

Haga clic en el botón "Agregar medios" en su editor de publicaciones y luego haga clic en la opción "Crear lista de reproducción de audio". Cargue o seleccione los archivos de audio necesarios para que se muestren en la lista de reproducción y haga clic en el botón "Crear una nueva lista de reproducción".

¿Cómo agregar un reproductor de audio en un sitio de WordPress sin complemento?

Creación de una lista de reproducción de audio en WordPress

Se le llevará a la pantalla de edición de la lista de reproducción como se muestra a continuación. Arrastre y suelte los archivos para reordenar la secuencia de reproducción y cambie los subtítulos si es necesario.

¿Cómo agregar un reproductor de audio en un sitio de WordPress sin complemento?

Editar lista de reproducción de audio en WordPress

En el panel "Configuración de la lista de reproducción" en el lado derecho, habilite o deshabilite la lista de pistas, el nombre del artista y las imágenes destacadas para que se muestren en el reproductor de audio o no.

Finalmente, haga clic en "Insertar lista de reproducción de audio" y verá el reproductor de audio con la lista de reproducción como se muestra a continuación:

¿Cómo agregar un reproductor de audio en un sitio de WordPress sin complemento?

Reproductor de audio con lista de reproducción en WordPress

Nota: Para agregar una imagen destacada para archivos de audio, vaya al menú "Medios> Biblioteca". Edite los archivos de audio que ha subido y agregue una imagen destacada a cada archivo de audio.


Artículos relacionados:


Personalización del código corto de la lista de reproducción

Cuando cambie a la pestaña "Texto", nuevamente encontrará que WordPress usa un código corto para insertar una lista de reproducción como la siguiente:

[playlist ids="xxx,xxx,xxx"]

Puede agregar los siguientes parámetros para personalizar la lista de reproducción:

Parámetro Valor por defecto Otros posibles valores Descripción
escribe audio video Cambie el reproductor de audio a reproductor de video (necesita tener los videos requeridos cargados).
pedido ASC DESC Orden ascendente o descendente
identificadores ID de archivos adjuntos Separado por coma
excluir vacío Ingrese los ID de archivos adjuntos Los ID introducidos se excluirán de la lista de reproducción.
lista de canciones cierto falso Mostrar u ocultar lista de reproducción
tracknumbers cierto falso Mostrar u ocultar los números de pista en la lista de reproducción
imagenes cierto falso Mostrar u ocultar la imagen destacada en el reproductor
artistas cierto falso Mostrar u ocultar el nombre del artista en la lista de reproducción
estilo luz oscuro Aplicar piel clara u oscura

Por ejemplo, puede cambiar el reproductor de estilo claro predeterminado a estilo oscuro y deshabilitar los números de pista en la lista utilizando el siguiente código abreviado:

[playlist ids="xxx,xxx,xxx" style="dark" tracknumbers="false"]

Insertar reproductor de audio en barra lateral y pie de página

El propósito de usar shortcode es muy simple: se puede insertar en cualquier área de su sitio, como la barra lateral y el pie de página. En "Apariencia> Widgets", arrastre y suelte el widget "Texto" en la barra lateral o en el área del pie de página donde desea agregar el reproductor.

¿Cómo agregar un reproductor de audio en un sitio de WordPress sin complemento?

Agregar reproductor de audio en el área de widgets

Inserte los códigos cortos de audio o lista de reproducción con su personalización como se explicó anteriormente. Guarde su widget y el reproductor se mostrará en el área de widget seleccionada.

Ultimas palabras

Aunque la inserción de audio incorporada es una buena opción, es simple y es posible que no se cumpla cuando necesite una configuración completa del reproductor de audio. Las opciones alternativas son usar un complemento de reproductor de audio o incrustar un reproductor de audio de sitios web de terceros como SoundCloud.

Fuente de grabación: www.webnots.com
Deja una respuesta

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More