begin process at 2012 05 28 10:57:12
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Trucs Amusants

 > .:: JUKEBOX ::.

.:: JUKEBOX ::.


 Information sur la source

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

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
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é :36 058 / 4 634
Auteur : iubito

Ecrire un message privé
Site perso
Ce membre participe au partage de revenus publicitaires
Commentaire sur cette source (23)
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

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Sources du même auteur

Source avec Zip Source avec une capture IUBITO'S MENU V3.1 : QUASIMENT EN CSS, COMPATIBLE IE/NS6+/MO...
Source avec Zip Source avec une capture MASKEDIT : MASQUES DE SAISIE !!! (DATES, NOMBRES, CHAINES......
ENVOYER UN MESSAGE ICQ
Source avec Zip Source avec une capture CRÉEZ SIMPLEMENT DES SCROLLBARS COLORÉES DANS IE
Toutes les sources de iubito

 Sources de la même categorie

Source avec Zip IMAGES DÉFILANT SUR UN CYLINDRE (SCROLLING IMAGES) par william voirol
Source avec Zip IMAGES DÉFILANT VERTICALEMENT (SCROLLING IMAGES) par william voirol
Source avec Zip IMAGES DANSANTES 4: MOUVEMENT DE LA TORTUE par william voirol
Source avec Zip IMAGES DANSANTES 3: MOUVEMENT ALÉATOIRE ORIENTÉ par william voirol
Source avec Zip IMAGES DANSANTES 2: MOUVEMENT ALÉATOIRE SANS SUPERPOSITIONS par william voirol
Toutes les sources de la catégorie Trucs Amusants

Commentaires et avis

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 ??

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 ?

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

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...

Commentaire de bob3000 le 01/06/2003 23:25:41

super, bravo.

Commentaire de nitro120 le 06/07/2003 13:29:28

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

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 ?

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;

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;

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?

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.

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;
...

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 !

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.

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?

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  :)

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.

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

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

Commentaire de xargos1 le 16/12/2005 02:20:42

Boah!...

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

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é :)

Commentaire de rappise le 04/05/2009 22:27:25

[code]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(...))[code]

Mozilla Firefox ;)   =(

 Ajouter un commentaire

Nos sponsors


Sondage...

Comparez les prix


Mio - Moov V735 - GPS Europe - Ecran 7"
Entre 305€ et 375€

Visiter le guide achat

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), 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

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 6,895 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)