Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

.:: JUKEBOX ::.


Information sur la source

Catégorie :Trucs Amusants Niveau : Initié Date de création : 29/05/2003 Date de mise à jour : 29/05/2003 22:09:31 Vu / téléchargé: 29 796 / 4 298

Note :
5,78 / 10 - par 9 personnes
5,78 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

Commentaire sur cette source (22)
Ajouter un commentaire et/ou une note


Description

Salut, voici un jukebox que je vais mettre en place sur mon site pour faire partager ma passion : la musique.

Le principe :
- une liste déroulante avec les titres.
- quand on appuye sur Play, ça insère un <embed src="un_fichier.mp3"> dans un <div> invisible
- Stop vide le <div>...

Tout simple. Pour Modifier la liste, c'est quasiment au début du fichier.

Bon amusement et surtout bonne musique ;-)
 

Source

  • <!--
  • IN ZE ZIP !
  • 1 html + 4 images = 4 Ko
  • Les mp3 de l'exemple sont réalisé
  • à partir de fichiers MIDI
  • avec le logiciel Harmony Assistant
  • http://www.myriad-online.com
  • (petite pub au passage ;-)
  • non non j'ai pas d'actions chez eux :-D )
  • ...sauf la petite surprise... héhé ;-)
  • -->
<!--

IN ZE ZIP !
1 html + 4 images = 4 Ko

Les mp3 de l'exemple sont réalisé
à partir de fichiers MIDI
avec le logiciel Harmony Assistant
http://www.myriad-online.com
(petite pub au passage ;-)
non non j'ai pas d'actions chez eux :-D )

...sauf la petite surprise... héhé ;-)

-->

Conclusion

ça marche sous IE6, pas testé ailleur. ça peut dépendre du navigateur, mais surtout de la présence (ou non) d'un plug-in pour lire les mp3.

Je suis en ADSL donc ça va vite, j'aimerai savoir ce que ça donne avec un 56k (essayez "Concerto pour Orgue" c'est le mp3 le + petit dans la liste) mais de toute façon c'est du streaming, donc ça télécharge pas le mp3 en entier ;-) heureusement ! (pour info ça démarre chez moi au bout de 2-3 secondes)

Si vous constatez un bug, ou que ça fonctionne pas, réessayez une fois, puis sinon laissez un message en précisant votre config, quel plug-in (media player, real audio... ) est sensé lire les mp3

Si vous recevez le message
"Ce script ne fonctionne pas sur votre navigateur, désolé"
dites-moi quel navigateur vous avez, mais ça veut sûrement dit qu'il ne supporte pas le DOM (je fais des document.getElementById(...))
 

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip

Commentaires et avis

signaler à un administrateur
Commentaire de AngeloVivaldi le 30/05/2003 01:56:04

Salut, comment fais tu pour affichier ou faire disparaitre un &lt;div&gt; dans une page ? je voudrai faire des sortes de cathégories et lorsque l'utilisateur click dessus, la cathégorie se développe (le div apparait donc) et lorsqu'il reclick, la cathégorie s'enroule (donc le div disparait).

Comment puis je faire ?

Sinon ta source est assez réussi a part que , le fait que les mp3 soit lourd, l'utilisateur ne risque pas d'attendre trop longtemps ??

signaler à un administrateur
Commentaire de iubito le 30/05/2003 06:57:36

salut
tu peux faire un document.getElement('mondiv').visibility=hidden je crois
et avec un
&lt;div id='mondiv'&gt;blabla&lt;/div&gt;
ou &lt;span id='mondiv'&gt;blabla&lt;/span&gt;

pour le temps de chargement, je suppose que tu es en 56k.
Il y a 2 facteurs :
- la puissance de l'ordi pour afficher le plug-in
- la vitesse du modem pour le chargement/streaming.

As-tu essayé avec Concerto pour Orgue, c'est le plus petit.
Combien de temps ça met ?

signaler à un administrateur
Commentaire de iubito le 30/05/2003 07:04:22

arggghhhh!!
j'ai un bug, est-ce que ça vous le fait ???
je mets une zik, je fais play. c'est OK
je change de musique, je click sur PLAY et ça marche pas, je suis obligé de cliquer une 2e fois ou de Cliquer sur Stop avant.

est-ce que ça vous le fait, ou alors est-ce que si vous cliquez sur Play ça marche du premier coup ???

parce que là je vois pas trop de solution

signaler à un administrateur
Commentaire de iubito le 30/05/2003 07:16:42

ce matin je teste (bon j'v p't'ê pensé à prendre mon p'tit déj et filer au boulot non mais !) et ça déconne, visiblement ça vient de free où le download y est vachement pouri.

et puis pour le bug juste au-dessus, je pense que ça vient du plug-in Media Player, et pourtant je lui dit autostart=true...

signaler à un administrateur
Commentaire de bob3000 le 01/06/2003 23:25:41

super, bravo.

signaler à un administrateur
Commentaire de nitro120 le 06/07/2003 13:29:28

http://www.javascriptfr.com/article.aspx?ID=236

signaler à un administrateur
Commentaire de iubito le 06/07/2003 13:33:42

ça a l'air pas mal du tout, je testerai (pas vraiment le temps là...). ça fait les mp3 aussi?
et c compatible tous les navigateurs ?

signaler à un administrateur
Commentaire de bata91 le 06/05/2004 10:27:12

Salut,
Je voudrais faire la même chose pour écouter des radios sur internet.
J'utilise la balise embed qui pointe sur un fichier ASX. As-tu une idée pour faire ça ?
Merci.
&lt;embed src="http://monsite.free.fr/ckmf.asx" autostart="false" width="75" height="25"&gt;

signaler à un administrateur
Commentaire de bata91 le 06/05/2004 10:29:04

Salut,
Je voudrais faire la même chose pour écouter des radios sur internet.
J'utilise la balise embed qui pointe sur un fichier ASX. As-tu une idée pour faire ça ?
Merci.
&lt;embed src="http://monsite.free.fr/ckmf.asx" autostart="false" width="75" height="25"&gt;

signaler à un administrateur
Commentaire de iubito le 06/05/2004 10:36:28

à vrai dire j'ai laissé tombé l'histoire du jukebox pour le moment, trop galère à gérer tous les navigateurs. Si ton &lt;embed...&gt; marche je vois pas quelle est ta question?

signaler à un administrateur
Commentaire de bata91 le 06/05/2004 11:17:38

Il fonctionne pour une source:
&lt;embed src="http://monsite.free.fr/CKMF.ASX" &gt;
Je voudrais changer de radio sur mon site un peu comme ton jukebox, est-il possible d'indexer la source dans la balise embed pour pointer sur le canal désiré (un autre ASX) ?
Merci et c'est pas grave si tu n'as pas le temps de répondre.

signaler à un administrateur
Commentaire de iubito le 06/05/2004 11:33:50

bein tu fais un document.getElementById("radio").innerHTML='&lt;embed...c'ke tu veux...&gt;';

&lt;div id="radio"&gt;
&lt;embed ton premier asx&gt;
&lt;/div&gt;
...

signaler à un administrateur
Commentaire de penin_74 le 24/11/2004 22:48:05

Ton jukebox fonctionne à merveille, bravo MAIS j'ai un pb avec les ogg : le EMBED ne sait pas les lire donc ça ne marche pas avec ton lecteur par contre le BGSOUND y arrive. J'ai presque tous mes musiques en ogg comment faire ???
J'ai chargé plein de codecs et de filtres et toujours rien !

HELP !

signaler à un administrateur
Commentaire de iubito le 25/11/2004 19:45:35

parce que le embed va appeler Media Player je crois, et Media Player ne connait pas l'ogg. En bgsound chépa comment il se démerde... De toute façon, le script que je propose ici est désuèt, j'en ai trouvé un mieux, mais j'ai un peu de mal à le maîtriser.

signaler à un administrateur
Commentaire de mrs_net le 02/12/2004 13:32:05

Bonjour à vous.

Je suis aller télécharger le jukebox que vous proposez mais voilà, comment procéder? Autant dire que je suis débutante et je n’y comprends rien! Vous pouvez m’aider?

signaler à un administrateur
Commentaire de fab_hs le 07/12/2004 14:00:01

Mouarf, ce script est vraiment bien, mais, parce qu'il y a toujours un mais, j'ai un soucis en l'associant à ma page web.

Aucune erreur mais la musique de se lance pas...
Pourrai-je avoir plus d'info sur les choses a modifié dans le script pour l'incorporer à une page web ???

merci d'avance  :)

signaler à un administrateur
Commentaire de iubito le 07/12/2004 14:43:27

désolé mais j'utilise plus ce code.
Quand je l'utilisais, j'y avais mis dans une popup. Mais on fait comme on veut.

signaler à un administrateur
Commentaire de dassonne le 20/04/2005 09:48:11

bonjour,

tu as trouvé quoi comme autre code?

Moi, j'en cherche un multi navigateurs

signaler à un administrateur
Commentaire de damross76210 le 07/12/2005 18:52:54

je relance le sujet, je cherche un jukebox multi navigateurs et que je pourrais adapter pour faire un jukebox video

merci a tous si vous connaissez cela

signaler à un administrateur
Commentaire de xargos1 le 16/12/2005 02:20:42

Boah!...

signaler à un administrateur
Commentaire de LHUPA le 13/07/2006 01:43:49



Normalement, je fais du PDF à partir d'Adobe Acrobat 7.0. Plus précisément des documents multimédia interactifs avec la nouvelle technologie d'intégration audio-vidéo aux documents .pdf de Adobe. Je n'ai jamais utilisé le Javascript et on peut le faire avec Adobe mais j'ai a peine à voir à quoi sert ce langage! Je ne sais même pas comment ceci fonctionne! D'habitude, j'utilise les fonctions déjà fournies à même le logiciel Adobe Acrobat pour produire mes jukebox. Donc des jeux de pages et de superposition d'images pour produire l'effet de programmation pour arriver à un résultat satisfaisant. Je désire raffiner mon produit cette fois-ci en bâtissant une radio virtuelle sur .pdf composée de trois bandes de 12 canaux (ou chaînes)... Ceci n'est pas un site web mais un document interactif où l'utilisateur peut ajouter, enlever ou modifier la disponibilité à sa guise des stations de radio en direct "installées" sur son document. Le principe du système est que dès qu'on clique sur le "bouton" pour changer de canal (en réalité de page de document) soit de 1 vers 12 ou de 12 vers 1, la station ainsi installée soit par un lien internet ou autre fichier dont .asx (comme vu ici sur ce forum), doit démarrer une fois sélectionnée. Si l'utilisateur change de chaîne, celle qui jouait au paravant doit cesser de fonctionner et ouvrir l'autre chaîne afin de l'écouter. Je suis certain après avoir visité ce site, qu'il existe un moyen de conçevoir cette radio à l'aide du Javascript mais comment s'y prendre? il y a un début à tout! Le tout doit se faire sans changer l'apparence du document ainsi que de ne pas voir le logo "Windows Media", "Real One" ect. ni le skin des lecteurs, donc qu'ils fonctionnent en mode intégré ou invisible. Le principe veut aussi qu'on ait l'impression d'écouter une véritable radio. Je peux vous fournir s'il y a lieu une copie de ce document afin que vous puissiez comprendre ce que je veux dire!


Merci à l'avance!


Lhupa

signaler à un administrateur
Commentaire de pluue le 27/08/2006 13:41:41

Ce code est très bien. C'est vraiment dommage qu'il ne fonctionne qu'avec Internet Explorer...
Il n'y a pas un moyen de le faire fonctionner sous Firefox ?

Sinon bravo très bien réalisé :)

Ajouter un commentaire



Nos sponsors

Sondage...

CalendriCode

Octobre 2008
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,140 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.