Insérer un lecteur de musique dans la Toolbar

[Yalou']

Bonjour,

Voilà je voulais savoir si il était possible d'insérer un lecteur dans la Toolbar ?

J'ai réussi a y insérer un bouton qui ouvre mon lecteur dans une autre fenêtre en suivant ce tutoriel :
https://forum.forumactif.com/t312847-musique-en-continue-impossible-de-retourner-sur-le-tuto

Donc j'aimerais savoir si c'était possible en passant par Javascript ou le CSS.

Merci.

[MlleAlys]

..	Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir délester votre sujet, merci de poster dans les 24h qui suivent ce message et au moins une fois par semaine. Si votre sujet est résolu, dans ce cas, votre premier message et cochez l'icône A bientôt sur ForumActif

[Yalou']

Up ?

[MlleAlys]

..	Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir délester votre sujet, merci de poster dans les 24h qui suivent ce message et au moins une fois par semaine. Si votre sujet est résolu, dans ce cas, votre premier message et cochez l'icône A bientôt sur ForumActif

[Yalou']

up?

[no_way]

Bonjour, avez-vous le code du-dit lecteur que vous souhaitez mettre dans la toolbar ?

Notez que votre musique se coupera lorsque vos visiteurs changeront de page.

[Yalou']

oui bien sûr le voici :

<iframe style="width: 100%; height:500px;" scrolling="yes" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/3100258&auto_play=true&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true" frameborder="no"></iframe>

[horusbk]

Bonjour,
Yalou' vous devriez éditer votre message car le code que vous donner est inutilisable quand il est directement inclus dans le message. Avant de mettre votre code, cliquez sur  dans la barre d'édition puis ajouter votre code. 

No_way pourra ainsi le récupérer pour pouvoir le modifier ci-besoin est ou tout simplement l'inclure à son codage.

Dans le cas où no_way aurait quand même réussi à récupérer votre code sans la procédure que je viens de vous expliquer, sachez que l'interface permettant de rajouter du code permet de garder le code dans son état initial. C'est très utile quand à savoir quand vous aurez à donner des templates.

Exemple, voici à quoi ressemble l'interface pour mettre un code :

Code:

          

Vous pouvez également utiliser ces balises en mode édition :

Code:

[code]VOTRE TEXTE ICI[/code]

Bonne journée à vous deux. 1baptiste

[no_way]

Bonjour, ce lecteur est bien trop haut pour être inscrit de façon gracieuse dans la toolbar, j'ai malgré tout tenté de l'intégrer, Créez un nouveau javascript et cochez "sur toutes les pages" puis indiquez le code suivant:

Code:

$(window).load(function(){
$("#fa_toolbar").prepend($('<iframe style="width: 200px;margin-top:-15px; height:45px;float:left" scrolling="yes" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/3100258&auto_play=true&hide_related=false&show_comments=true&show_user=false&show_reposts=false&visual=false" frameborder="no"></iframe>'));
})

Dans cette taille vous ne pourrez que lire ou mettre en pause, si vous avez besoin de plus de maîtrise sur le lecteur il existe une API javascript pour ça, cela demandera de l'héberger, de créer vos images pour les boutons etc...

[horusbk]

Bonjour,
Sur mon forum j'ai installé un lecteur de musique mono-piste dans la toolbar avec seulement un Javascript.

Vous pouvez voir le résultat dans ma toolbar sur www.themazerunner-forum.fr c'est vraiment très simple à mettre en place (voir le sujet sur Milouze14).

Cordialement.
1baptiste.

[Yalou']

Merci beaucoup pour vos réponses !!

je vais faire quelques modif mais c'est parfait !