[Noob] Code html pour lire un mp3 ?

Neizr · 10/03/2009, 14h51

Bonjour !

Je me suis un peu renseigné, et la seule manière que j'ai trouvé pour pouvoir lire des mp3s sur mon site, c'était avec flash.

Voilà mon site : http://reactionpowertrio.com

Le concept, c'est que quand on clique sur un carré, ya un morceau qui se lit. Lorsque que l'on re clique dessus, le morceau s'arrête. C'est tout, pas plus de fonctions, juste une fonction lecture et stop.

Comment faire ça QUE en html ? enfin si ya pas d'alternative, je veux bien utiliser du flash..

J'utilise Nvu pour créer mes pages.

Merci de votre aide précieuse !

Blacky--- · 10/03/2009, 14h54

Pas possible juste en html. Le plus simple est d'en passer par Flash.

Flash n'est pas un problème en soit. Le problème, c'est de remplacer de l'html par du Flash (par exemple, de faire des sites complets en Flash). Pour certains petits outils précis (exemple lecteur audio ou vidéo), ça marche plutôt bien.

Si tu as peur que des lecteurs sans Flash manque ta musique, met un lien direct vers un fichier audio (genre ogg ou mp3) en plus.

Neizr · 10/03/2009, 14h57

Disons que Flash m'est égal, du moment que ya juste besoin de cliquer sur les carré pour lire, et que ya pas de barre de lecture ou d'interface graphique du lecteur..

Ca existe ce genre de code ?

[EDIT] ou alors du .m3u ? mais comment faire ?

Edel l'exilé · 10/03/2009, 15h10

Fait ton choix camarade

Protux · 10/03/2009, 15h11

Quelque chose comme ceci ?
http://musicplayer.sourceforge.net/
Ou comme jol

http://www.alsacreations.fr/dewplayer

Neizr · 10/03/2009, 15h17

Justement, non. Je recherche un truc beaucoup plus simple, pas de bouton lecture, pas de barre de lecture.

Juste le fait que si je click sur le carré, ya une musique qui se lance en fond.

Il existe pas de lecteur qui peut faire ça ? Dois-je le faire moi même ?

Blacky--- · 10/03/2009, 16h21

Il doit y avoir des centaines de players Flash, il y en a bien un qui correspond je suppose. Faut chercher.

VaN · 10/03/2009, 17h17

Citation :

Publié par Neizr

Justement, non. Je recherche un truc beaucoup plus simple, pas de bouton lecture, pas de barre de lecture.

Juste le fait que si je click sur le carré, ya une musique qui se lance en fond.

Il existe pas de lecteur qui peut faire ça ? Dois-je le faire moi même ?

Tu pousses vraiment le minimalisme très loin là. Moi qui suis déjà très minimaliste, le dewplayer en version minimal me convient parfaitement : )

A la rigueur, tu peux toujours envoyer un mail à alsacreations en leur demandant une version supa-minimalist, avec juste le bouton play. Il se peut qu'il le fasse, puisque ça peut servir à toute la communauté également.

Neizr · 10/03/2009, 17h22

Prenons le problème autrement.

Ya pas un bête code HTML qui permet de, quand on clique sur un lien, lancer un son ? (et ce son serait la musique qui correspond au carré sélectionné)

Sinon, j'ai pas mal cherché du côté des lecteurs, aucun ne propose ce que je veux en réalité. Je pense que je cherche pas de "lecteur" tout fait, mais un code juste.

Minuit · 10/03/2009, 17h22

Il n'y a aucun intérêt à faire ça en flash, regarde plutôt du côté de jQuery.

Tu as des tas de plugins qui permettent de faire ce que tu veux, avec plus ou moins d'options.

Neizr · 10/03/2009, 17h47

Citation :

Publié par Minuit

Il n'y a aucun intérêt à faire ça en flash, regarde plutôt du côté de jQuery.

Tu as des tas de plugins qui permettent de faire ce que tu veux, avec plus ou moins d'options.

Ca à l'air super cool et super complet, mais je n'y connais pas grand chose en langage html et en script.

J'ai trouvé ça : http://plugins.jquery.com/project/dbj_sound

Mais ça a pas l'air d'être tout a fait ce que je veux non plus, vus que faut attendre le chargement de tout le morceau pour que la lecture se fasse ( et comme c'est souvent > 20minutes :/ )

Dacaerin · 10/03/2009, 18h44

C'est sale, mais tu peux aussi mettre ce genre de truc.

Code HTML:

<embed src="http://www.example.tld/file.mp3" autostart="false" loop="false" hidden="false"></embed>

Bon, okay, c'est naze et ça ne répond que très mal au besoin.

Hakkai · 10/03/2009, 18h50

Citation :

Publié par Neizr

Mais ça a pas l'air d'être tout a fait ce que je veux non plus, vus que faut attendre le chargement de tout le morceau pour que la lecture se fasse ( et comme c'est souvent > 20minutes :/ )

C'est déjà déconseiller d'une part de mettre une musique de fond sur une page, et encore plus si le fichier est énorme.
Avec un "<embed>" tout le code de ta page après cette balise ne se chargera seulement lorsque la musique sera chargé.

Blacky--- · 10/03/2009, 18h53

Eurk, non il peut pas.

Neizr · 10/03/2009, 19h58

Citation :

Publié par Dacaerin
C'est sale, mais tu peux aussi mettre ce genre de truc.
Code HTML:
<embed src="http://www.example.tld/file.mp3" autostart="false" loop="false" hidden="false"></embed>
Bon, okay, c'est naze et ça ne répond que très mal au besoin.

Arf, le hic c'est que faut quicktime, et je crois que ça ouvrira une nouvelle page..

ya pas moyen de cacher un lecteur visuellement, et que les carré soient les sélections des chansons en autoplay sinon ?

Hakkai · 11/03/2009, 00h09

Citation :

Publié par Neizr

Arf, le hic c'est que faut quicktime, et je crois que ça ouvrira une nouvelle page..

ya pas moyen de cacher un lecteur visuellement, et que les carré soient les sélections des chansons en autoplay sinon ?

Et oui, le mp3 c'est un format de musique encodé. Faut bien un lecteur pour le décoder derrière... sinon format wav ou midi, de toute façon, le html n'est pas prévu pour stream du mp3.
Pour les lecteurs, ils sont presque toujours fournis avec leurs commandes: stop, lecture, volume... il n'est pas très sympa de forcer le visiteur de ton site a écouter ta musique sans pouvoir en plus l'arrêter, mais en terme technique, ça doit se faire, cela dépend de la structure du lecteur je pense.

Homesick Monkey · 11/03/2009, 22h32

http://schillmania.com/projects/soundmanager2/

A priori, faudra que tu mettes les mains dans le cambouis mais ce site te mâche tout de même énormément le travail

Hipparchia · 12/03/2009, 09h48

Il me semble que radioblog ou jamendo proposait un bouton ultra minimaliste (mais en flash toujours)

sinon, avec la balise audio et vidéo qui arrive, ça va pas solutionner le problème ?

Sinon, au niveau simplissime, même si ça ne te convient pas vraiment : je plussoie le dewplayer

Neizr · 12/03/2009, 15h47

Citation :

Publié par Homesick Monkey

http://schillmania.com/projects/soundmanager2/

A priori, faudra que tu mettes les mains dans le cambouis mais ce site te mâche tout de même énormément le travail

Merci pour ton lien, ce truc a l'air vraiment super !

Bon, j'ai aucune base javascript (et quasi rien aussi en codage html -_-) mais jvais tenter de me débrouiller avec ça...

Merci!

Mikushi · 12/03/2009, 17h03

Citation :

Publié par Minuit

Il n'y a aucun intérêt à faire ça en flash, regarde plutôt du côté de jQuery.

Tu as des tas de plugins qui permettent de faire ce que tu veux, avec plus ou moins d'options.

Et tout ces plugins utilisent Flash pour lire le MP3

C'est bien beau de chasser le démon Flash, mais faudrait voir a pas jeter le bébé avec l'eau de bain...
Flash reste la meilleure solution et la plus simple pour déployer des medias sur internet en attendant HTML5.

Code:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="40" height="40" id="player" align="middle">
	<param name="allowScriptAccess" value="sameDomain" />
	<param name="allowFullScreen" value="false" />
	<param name="flashVars" value="mp3_url=http://monurl.com/fichier.mp3"/>
	<param name="movie" value="playBtn.swf" />
	<param name="menu" value="false" />
	<param name="quality" value="high" />
	<param name="scale" value="noscale" />
	<param name="salign" value="lt" />
	<param name="bgcolor" value="#ffffff" />
	<embed src="playBtn.swf?mp3_url=http://monurl.com/fichier.mp3" menu="false" quality="high" scale="noscale" salign="lt" bgcolor="#ffffff" width="40" height="40" name="player" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

Le fichier SWF : http://upload.jeuweb.net/obtenir-443

un simple bouton play, tu passes l'url de ton fichier en remplaçant "http://monurl.com/fichier.mp3" par la vraie URL et voila t'as un bouton play qui lance ta musique.

Neizr [Rgn] Prophète	Disons que Flash m'est égal, du moment que ya juste besoin de cliquer sur les carré pour lire, et que ya pas de barre de lecture ou d'interface graphique du lecteur.. Ca existe ce genre de code ? [EDIT] ou alors du .m3u ? mais comment faire ?
10/03/2009, 14h57

Edel l'exilé [Anatm] Alpha & Oméga	Fait ton choix camarade
10/03/2009, 15h10

Protux [Anc]	Quelque chose comme ceci ? http://musicplayer.sourceforge.net/ Ou comme jol http://www.alsacreations.fr/dewplayer
10/03/2009, 15h11

Neizr [Rgn] Prophète	Justement, non. Je recherche un truc beaucoup plus simple, pas de bouton lecture, pas de barre de lecture. Juste le fait que si je click sur le carré, ya une musique qui se lance en fond. Il existe pas de lecteur qui peut faire ça ? Dois-je le faire moi même ?
10/03/2009, 15h17

Blacky--- Alpha & Oméga	Il doit y avoir des centaines de players Flash, il y en a bien un qui correspond je suppose. Faut chercher.
10/03/2009, 16h21

Neizr [Rgn] Prophète	Prenons le problème autrement. Ya pas un bête code HTML qui permet de, quand on clique sur un lien, lancer un son ? (et ce son serait la musique qui correspond au carré sélectionné) Sinon, j'ai pas mal cherché du côté des lecteurs, aucun ne propose ce que je veux en réalité. Je pense que je cherche pas de "lecteur" tout fait, mais un code juste.
10/03/2009, 17h22

Minuit Héros / Héroïne	Il n'y a aucun intérêt à faire ça en flash, regarde plutôt du côté de jQuery. Tu as des tas de plugins qui permettent de faire ce que tu veux, avec plus ou moins d'options.
10/03/2009, 17h22

Dacaerin [APDW] Alpha & Oméga	C'est sale, mais tu peux aussi mettre ce genre de truc. Code HTML: <embed src="http://www.example.tld/file.mp3" autostart="false" loop="false" hidden="false"></embed> Bon, okay, c'est naze et ça ne répond que très mal au besoin.
10/03/2009, 18h44

Blacky--- Alpha & Oméga	Eurk, non il peut pas.
10/03/2009, 18h53

Homesick Monkey Alpha & Oméga	http://schillmania.com/projects/soundmanager2/ A priori, faudra que tu mettes les mains dans le cambouis mais ce site te mâche tout de même énormément le travail
11/03/2009, 22h32

Hipparchia Alpha & Oméga	Il me semble que radioblog ou jamendo proposait un bouton ultra minimaliste (mais en flash toujours) sinon, avec la balise audio et vidéo qui arrive, ça va pas solutionner le problème ? Sinon, au niveau simplissime, même si ça ne te convient pas vraiment : je plussoie le dewplayer
12/03/2009, 09h48

Neizr [Rgn] Prophète	Citation : Publié par Homesick Monkey http://schillmania.com/projects/soundmanager2/ A priori, faudra que tu mettes les mains dans le cambouis mais ce site te mâche tout de même énormément le travail Merci pour ton lien, ce truc a l'air vraiment super ! Bon, j'ai aucune base javascript (et quasi rien aussi en codage html -_-) mais jvais tenter de me débrouiller avec ça... Merci!
12/03/2009, 15h47

[Noob] Code html pour lire un mp3 ?

Connectés sur ce fil