custom audio player for joomla

Vous pouvez utiliser l'addon Audio dans Page Builder CK pour Joomla pour lire votre musique. Vous pouvez lire votre fichier audio situé sur votre serveur par exemple et afficher un lecteur audio dans votre page pour permettre à votre visiteur d'écouter votre musique.

Pour utiliser l'addon audio, c'est simple, il suffit de le glisser-déposer dans votre zone de contenu. Modifiez-le ensuite et sélectionnez le fichier audio à lire.
Vous pouvez utiliser certaines options
  • Lecture automatique
  • Boucler
  • Classe CSS
  • Type
    • Natif : un fichier <audio> tag contrôlé nativement par le navigateur
    • Avancé : un lecteur HTML personnalisé que vous pouvez personnaliser

 

Lecteur audio natif

 default

Voici le lecteur tel qu'il apparaît dans votre navigateur. Notez que le rendu peut être différent selon les navigateurs (capture d'écran prise depuis Firefox).

Vous ne pouvez pas le personnaliser, mais il n'y a pas d'utilisateur CSS ni JS pour cela, tout est géré nativement dans le navigateur.

Lecteur audio avancé

 preset1

C'est un lecteur que vous pouvez personnaliser avec de nombreuses options :

  • Vignette / Image : vous pouvez l'utiliser pour ajouter une couverture à votre musique
  • Afficher le temps : oui/non si vous souhaitez afficher ou non la durée de la chanson
  • Afficher le temps total : oui/non si vous souhaitez afficher uniquement l'heure actuelle et non le temps total
  • Album : ajoutez un titre d'album pour votre chanson
  • Artiste : ajoutez le nom de l'artiste

 Il existe également des options de style pour définir les couleurs, les marges, etc.

  • le lecteur
  • l'album
  • l'artiste
  • les icônes
  • l'heure
  • ...

Vous pouvez lui donner l'apparence que vous souhaitez et selon la conception de votre site Web en utilisant Page Builder CK.

Préréglages pour le lecteur audio

Utilisez les préréglages pour donner rapidement un joli look à votre lecteur audio. Voici un aperçu de ce qui est inclus (peut varier avec les prochaines mises à jour)

preset1

preset2

preset3

preset4

preset5

preset6

preset7

preset8

preset9

 

Outil de création rapide, puissant et responsive.

En savoir plus

Extensions favorites

logo maximenuck 110 logo pagebuilderck 110 logo slideshowck 110template creator ck large 449

Sauvegarder
Choix utilisateur pour les Cookies
Nous utilisons des cookies afin de vous proposer les meilleurs services possibles. Si vous déclinez l'utilisation de ces cookies, le site web pourrait ne pas fonctionner correctement.
Tout accepter
Tout décliner
Analytics
Outils utilisés pour analyser les données de navigation et mesurer l'efficacité du site internet afin de comprendre son fonctionnement.
Google Analytics
Accepter
Décliner