Lecteur audio MP3
Documentation
Recherche d'articles sur le lecteur audio et le thème WordPress

Utilisation du lecteur avec des champs personnalisés dynamiques pour ACF, JetEngine et Metabox

Depuis la version 3.2, MP3 Audio Player Pro supporte les champs personnalisés dynamiques (Advanced Custom Field, Jet Engine, Metabox, CMB2, etc.).

Pour afficher un lecteur dynamique sur un message spécifique, vous devez définir l'ID de votre champ personnalisé URL audio. Si vous utilisez plusieurs pistes et un répéteur de groupe, vous devez également spécifier l'ID du champ personnalisé du répéteur de groupe.

Vous pouvez spécifier l'ID du champ personnalisé en utilisant les attributs de notre shortcode, ou utiliser notre widget Elementor qui a une option pour définir vos champs personnalisés.

Remarque importante : à l'heure actuelle, le titre du morceau, le nom de l'album, le nom de l'artiste et d'autres balises sont récupérés automatiquement par le biais des balises ID3 du fichier MP3. Pour récupérer la balise ID3, votre fichier MP3 doit être situé sur la même URL que votre site Web, sinon cela ne fonctionnera pas pour des raisons de sécurité.

Utilisation du code court #

Si votre lecteur ne contient qu'une seule piste :

[sonaar_audioplayer audio_meta_field="my_audio_url_metakey_id"]

Si votre lecteur contient plusieurs pistes et que vous utilisez un répéteur de groupe :

[sonaar_audioplayer repeater_meta_field="my_repeater_group_metakey_id" audio_meta_field="my_audio_url_metakey_id"]

Pour une liste complète des attributs de shortcode disponibles, voir ceci article.

Utilisation du widget Elementor #

Dans l'exemple ci-dessous, nous voyons que nous avons créé un type de post personnalisé en utilisant JetEngine. 

Étape 1 - Nous avons créé un groupe de répétiteurs avec un champ personnalisé ID appelé '"audio-repeat", et un champ personnalisé texte pour les URL de la source audio appelé "tracks".

Étape 2 - Nous avons créé un modèle dynamique d'article unique pour ce type d'article personnalisé (en utilisant le constructeur de thème d'Elementor Pro).

Étape 3 - Nous avons ajouté le widget MP3 Audio Player Elementor. Dans le widget, nous avons défini la "Source" comme "Current Post".

Pour l'ID de méta-source audio, nous l'avons lié à l'ID du champ répéteur de l'élément. Pour le Metakey ID du groupe de répétiteurs, nous l'avons lié à l'ID du Metafield qui représente le groupe de répétiteurs.

Utilisation du lecteur avec des champs personnalisés dynamiques pour ACF, JetEngine et Metabox
Mis à jour le 23 février 2022
Cet article vous a-t-il été utile ?
betterdocs-category-grid-icon

Pour commencer

Toujours coincé ?
Comment pouvons-nous vous aider ?