begin process at 2010 02 10 16:54:15
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Javascript / DHTML

 > JUKEBOX EN LIGNE

JUKEBOX EN LIGNE


 Information sur la source

Note :
10 / 10 - par 1 personne
10,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Javascript / DHTML Classé sous :musique, lecteur, mp3 Niveau :Initié Date de création :31/10/2008 Vu / téléchargé :4 111 / 374
Auteur : Flachy Joe

Ecrire un message privé
Commentaire sur cette source (12)
Ajouter un commentaire et/ou une note

 Description

Cliquez pour voir la capture en taille normale
Le jukebox en ligne affiche le contenu de votre bibliothèque musicale et gère la playlist d'un lecteur mp3 en Flash.

Affiche les artistes et les albums, lit les tags id3, affiche un "album du jour" choisi par les utilisateurs, permet des liens directs vers les albums,

Dans le code :
Plusieurs effets graphiques en javascript.
Une mise en cache des requêtes AJAX pour les envoyer successivement.
Un ping continu vers le serveur pour signaler son arrêt à l'utilisateur (pratique pour les dyndns ;-) ).



 Conclusion

Ne fonctionne que sous Firefox. et Safari.
L'affichage est correcte sous Opera mais le lecteur ne réagit pas.
Sous IE, l'affichage est foireux et le javascript bug.

 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

TÉLÉCHARGER PLUSIEURS FICHIERS EN 1 CLIC
Source avec une capture TERMIT ÉMET ET REÇOIT DES MESSAGES INSTANTANÉS
Source avec Zip Source avec une capture CARTE INTERACTIVE DES COMMUNES DE FRANCE
Toutes les sources de Flachy Joe

 Sources de la même categorie

Source avec Zip Source avec une capture PETIT CLIENT + AJAX + PHP par kiki67100
Source avec Zip Source avec une capture BOÎTE À ONGLETS / MENUS ET SOUS-MENUS / JAVASCRIPT / PHP / D... par Heirem
Source avec Zip Source avec une capture ONGLET GÉNÉRÉ EN PHP ET REQUETE AJAX par djmmix
Source avec Zip Source avec une capture LISTER DOSSIER AVEC UN ARBRE / TREE EN PHP / JAVASCRIPT par cyril6789
Source avec Zip MAJAX UN TOOLS (AJAX EN PHP) par michelsto
Toutes les sources de la catégorie Javascript / DHTML

 Sources en rapport avec celle ci

Source avec Zip JUKEBOX MP3 par sesebs
Source avec Zip UPLOAD MP3 + LECTEUR par lobotomihaho
FONCTION PHP QUI RENVOIE LE BITRATE (EN KBPS) D'UN FICHIER ... par FrankyBass
LIRE LES ID3V1 TAG (+RAPIDE, +COURT) par OverDarck
ADVANCED MP3 LISTEUR par OverDarck

Commentaires et avis

Commentaire de givit le 03/11/2008 02:40:58

Salut,

Bravo pour ce travail.

dommage qu'il ne fonctionne pas sous ie...

Commentaire de bj33 le 03/11/2008 16:14:37

salut

déjà en essayant de tester, j'ai corriger deux erreurs, la variable num dans dir.php n'est pas initialisée ce qui provoque une notice.l'autre est le manque de doctype dans ton html, d'où le bug d'affichage avec ie.j'ai rajouter ceçi :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

et plus de bug, si un, le troisième bloc de droite prend bien la hauteur mais la largeur est réduit aux 2 pixels des bordures.mais c'est surement un problème css.j'ai pas regardé.et il y à aussi un bug d'affichage même avec firefox 3, le bloc lecteur n'à pas la bonne largeur avec un décalage de deux trois pixels à gauche.

ensuite j'ai vraiment du mal avec le code javascript.je fais quoi à par ouvrir l'index pour que çà fonctionne? c'est quoi le principe?

les codes php gagneraient en lisibilité présentés sous forme de classe selon moi.mais ce n'est qu'un détail.

Commentaire de Flachy Joe le 03/11/2008 17:37:42

Merci de l'info pour les bugs, je fait les modif et je poste une mise à jour.

Le principe du javascript c'est que tut est géré en ajax, chaque cadre est rempli en fonction des actions sur la page en faisant appel aux pages PHP correspondantes
Il y a aussi du script pour géré la liste de lécture (ajouter les pistes dedans, faire les requètes vers la lecture d'ID3, changer de piste quand le lecteur arrive au bout.
En fait il y a presque plus de javascript que de PHP sur cette application.

Pour que ça fonctionne il te faut un répertoire "Musique" dans le dossier, si tu veut un répertoire ailleurs il faut modifier la variable $topdir à la ligne 80 de dir.php.

Le répertoire Musique contient un sous dossier par artiste un un sous sous dossier par album.

Commentaire de bj33 le 03/11/2008 22:57:04

ok!

en fait, je me basait sur le fichier Musique sans extension et forcement ce n'est pas bon pour le chemin.il sert à quoi d'ailleurs ce fichier? à définir la playliste par défaut ou celle du jour? ce n'est pas très clair et je ne suis pourtant pas débutant.si je me suis intéréssé à ta source en lisant la newsletter de phpcs ce matin c'est que je suis sur le point de publier la même chose mais basé sur as 3 et mxml...cette source est taggué initié, ok, mais postée sur phpcs or c'est de javascript qu'il s'agit.bref! çà fonctionne maintenant.mais...hé oui;))

un autre bug d'affichage avec firefox et surement d'autre...pas testé.la barre de chargement du lecteur une fois le fichier chargé dépasse de son container de 15/20 pixel en mode réduit et çà persiste à l'écran, pas bon.si c'est une image, scaleContent=true peut être!? en draw il y à aussi une une solution en as,
avec css aussi.

autre bug génant, j'ai commencé à lire deux titres en mode piste à piste et ai cliqué sur "ajouter à la liste de lecture" pas de soucis, la liste est lù correctement mais les deux titres lù avant persistent au début de l'affichage du troisième volet.pas grave mais c'est un bug.de plus, si à la fin de la lecture complete je change d'album, il s'ajoute au troisième volet ce n'est pas le but je suppose.je suis aussi membre de jamendo(keran) et il me  semble qu'il ne fonctionne pas ainsi le player...

en fait, je suis en train de me dire une chose, ta source est loin d'être sans intérèt en javascript, pour moi en tout cas, et ajax et ce même si ajax est réduit au minimum, pour php, c'est franchement commun et basique, encore que ta façon de gérer les scans de répertoires pourrait inspiré certains sur phpcs;))elle serait plus à son aise sur le côté javascript de la force cs.et...

visez du côté de mxlm pour l'interface, un viewStack par exemple...ne serait pas plus judiscieux?

Commentaire de Flachy Joe le 03/11/2008 23:29:53

Le fichier Musique c'est un lien fait sous linux, il doit pas très bien passer sous Vindôz...

J'ai fait ça uniquement pour mon usage personnel à la base, et le but est bien de faire partager des bouts de codes.

Ceux qui cherche un gestionnaire de musique,trouverons leur bonheur avec Ampache (http://ampache.org/demo).

Commentaire de Flachy Joe le 04/11/2008 13:27:18

A propos de l'endroit où j'ai posté : j'ai hésité un moment mais je me suis dit que sur javascriptfr les membres attendent plutôt du code qu'ils peuvent tester en local, et cette catégorie (Javascript DHTML) de PHPCS doit être faite pour ce genre de code je pense, non ?

Quant au niveau initié, c'est qu'il faut l'être un peu, non pour comprendre le PHP mais pour le comprendre suffisamment pour le mixer à l'autre langage qu'est javascript.

Je poste une mise à jour commentée dans peu de temps...

Commentaire de tipouic le 04/11/2008 19:53:58

Salut
C'est du bon boulot tu as juste un pti bug au niveau de ton exploration des groupes (si tu lui met : "../musique", il te permet d'explorer tout ton site). Pour le corriger transforme ta ligne 107 en :
if ($parentdir && $dir != $topdir && $parentdir != $topdir.'/'){


Un autre bug, quand il y a des fichiers qui se trouvent dans le dossier groupe et non dans album, ça bloque l'affiche des albums, domage.


Juste une petite question, a quoi ça sert de lister tout les fichiers d'un dossier surtout quand il ne sont pas pris en compte par le lecteur ?

Commentaire de Flachy Joe le 04/11/2008 20:26:19

La liste des fichiers permet de les télécharger.
J'ai pris le parti de ne pas lister les sous dossiers de dossiers contenant des fichiers, ça oblige à respecter le standard Artiste/Album/Pistes.mp3 mais bon, c'est pas trop contraignant dans mon cas : je gère le stockage avec Amarok qui est configuré de cette façon.

Commentaire de tipouic le 04/11/2008 21:01:48

Okai, le petit truc et que moi je suis presque organisé pareil seulement j'ai un dossier en plus avant pour le style et dans l'artiste, j'ai aussi des vidéos de concert ou photos du groupes...

Je suis en train de l'adapter à mes besoin et mes envies, rajout de 2 nouvelles zones d'affichage (style + nom albums) avec un vidage des zones d'affichages sulbaternes lors d'une modification de sélection.

Commentaire de bj33 le 05/11/2008 01:33:55

salut

<< Ceux qui cherche un gestionnaire de musique

non, non, je ne cherche rien de tout çà.

mais je suis membre du réseau cs et publie aussi des codes "à tester, débuggués"...et les remontés du testeur lambda, celui qui n'à pas codé, me sont précieuses, de ce postulat, je fait de même avec les codes qui me semble dignes d'intérêt, çà ne veux pas dire que je cherche à les adopter...c'est tout;)

<< et le but est bien de faire partager des bouts de codes

et pis c'est tout ;)) Merci, bien evidement.

<< Quant au niveau initié, c'est qu'il faut l'être un peu, non pour comprendre le PHP mais pour le comprendre suffisamment pour le mixer à l'autre langage qu'est javascript.

hé ouais! j'ai bosser l'interaction avec flash et php, mais pas franchement avec  javscript.en fait j'ai abandonné le js depuis plusieurs années, sur mes sites pour des défauts, connus, de compatibilités, peu importe le sens(ascendant,descendant), je vais, grâce à cette source, revoir ma position.je n'utiliserais pas cette source mais peut être sa philosophie.alors quoi?

je l'ai testée parce-que je là trouve intéréssante et en tant-que-telle j'en relève les bugs éventuels, et les remonteès, rien de plus.advienne que pourra...comme pour mes sources...idem pour les bonnes idées...

Commentaire de Flachy Joe le 05/11/2008 08:58:08

@ bj33 :
J'entends bien, t'inquiètes, je vais prendre en compte tes réflexions et les autres. Mais comme je ne compte pas bosser vraiment ce code, je ne vais pas tout modifier, juste corriger les plus gros bugs.

Pour l'histoire de la playlist qui ne fonctionne pas de la même façon que d'autre, oui c'est voulu, c'est bien un lecteur de playlist et pas un lecteur d'album. Mais ça pourrait ce faire assez facilement. Si ça intéresse quelqu'un je me pencherai sur la question.

A noté que je suis un peu limité par le fait que je ne code pas en flash et que j'ai dû m'adapter au player que j'ai trouvé.

J'ai un autre bug, dans certain cas la barre de chargement du lecteur n'apparaît pas et comme c'est elle qui détermine quand il faut passer à la piste suivante, et ben la lecture s'arrête à chaque morceau et il faut les passer à la main. Je crois que c'est un problème d'accents dans le nom du fichier passé au lecteur.

Commentaire de lolosees le 26/02/2009 13:48:56 10/10

Merci pour ton partage

Laurent

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

MP3 copier musique... [ par Proutie66 ] Bonjour à tous,Depuis quelques jours je recherche sur les sites spécialisés ( anglais ou Français ) une source, ou tout du moins quelque chose qui s'e Probléme d'installation du player mp3 [ par Ifrit666 ] Bonjour à tous, je voulais avant tout vous dire que votre site est super, il m'aide assez dans l'avancement de mon site :)Souhaitant installer un play Lien sur un pc distant -lecteur reseau [ par pyobour ] Bonjour,Dite mais j'ai besoin d'aide. . je voudrais faire qqchose de tout simpleje voudrais grace a un lien ammené sur un lecteur reseau (ou machine d Pb de connection à un lecteur reseau avec FF [ par klicksoe ] Bonjour,ça va faire 2 jours que je cherche, donc je me suis décidé à demandé une petite (voir grosse aide)...Je dois créer une application qui a pour Utilisé une page&Lecteur pour lire tout ses vidéo ou audio [ par thegeniusdexter21 ] SalutJe vais de l'aide, concernant l'appel des données les cas de YOU-TUBE et autresau fait : je vais utiliser une même page et un lecteur pour lire t Flash-coockies avec PHP et téléversement de mp3 [ par mouk ] Probleme avec le <file > de htaccess [ par zen69 ] Bonjour a tous, J'ai de la misere a configurer mon fichier .htaccess afin qu'il bloque le téléchargement de fichier mp3 dans un repertoire de mon host Listing d'un repertoire sous une forme precise [ par matthieugoua ] Bonjour a vous, je suis debutant et je recherche un moyen de lister le contenu d'un repertoire et que a la sortie celui-ci soit sous la forme http://f Player mp3 pour site php [ par nosfe2708 ] Salut tout le monde; Voilà je vous expose mon problème, je réalise un site qui doit lire des mp3, je me suis donc trouver un player très joli etc... M importation du son mp3 dans une page html [ par dadoudjerba ] bjj'ai un probleme d'importation du son format mp3 dans page html.comment  peut-on la resoudre??????djerba qui me donne la force


Nos sponsors


Sondage...

Comparez les prix


Samsung Galaxy I7500 (8 Go)
Entre 129€ et 575€

Visiter le guide achat

CalendriCode

Février 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728

Consulter la suite du CalendriCode
 
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 : 0,983 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)