Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2775 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Meilleur moyen d'intégrer des fichiers MP3 à une page web?

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Meilleur moyen d'intégrer des fichiers MP3 à une page web?

n°1400788
Yoyo@
Posté le 05-07-2006 à 00:42:38  profilanswer
 

Salut,
 
Je dispose de pages web, permettant à l'utilisateur d'écouter des fichiers MP3 en live.
 
Pour inclure ces fichiers MP3, j'utilise un code du genre:
 

Code :
  1. <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
  2. codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,47,0" name="wimpy_button01"
  3. width="22" height="22" hspace="3" id="wimpy_button01">
  4.          <param name=movie value="http://www.mypersowebsite.com/media/wimpy_button.swf?theFile=http://www.mypersowebsite.com/media/50s/59_3_1.mp3">
  5.          <param name=quality value=high>
  6.          <param name=wmode value=transparent>
  7.       <embed src="http://www.mypersowebsite.com/media/wimpy_button.swf?theFile=http://www.mypersowebsite.com/media/50s/59_3_1.mp3" width="22" height="22" hspace="3" quality=high name="wimpy_button01"
  8. type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
  9.                                 </object>


 
En fait, ça a pour effet de charger un petit bouton fait en flash (Wimply Button => http://www.wimpyplayer.com/), qui vient downloader le lire le fichier MP3 que lorsque j'appuie sur le bouton de lecture, pas avant (donc, ça éviter de saturer le serveur en chargeant tous les fichiers)
 
Seulement, le problème avec ce bouton, c'est que le fichier wimpy_button.swf pèse 13.5ko, et que si j'ai 30 MP3 dans ma page, ce fichier va être chargé 30 fois depuis le serveur, lors du chargement de la page.
 
J'aimerais donc trouver un moyen où rien ne se charge lorsque la page se charge, ou alors à la limite un seul composant.
 
Avez vous des idées?
 
Merci.

mood
Publicité
Posté le 05-07-2006 à 00:42:38  profilanswer
 

n°1400835
mIRROR
Chevreuillobolchévik
Posté le 05-07-2006 à 08:59:06  profilanswer
 

bah ce qui se fait en general dans ce cas c est une liste de tous tes mp3 en liens simples qui declenchent une popup avec dans ta popup ton object
mais j imagine que tu as deja du y penser...

n°1400839
Yoyo@
Posté le 05-07-2006 à 09:04:08  profilanswer
 

Hmmmmmm, je pense que je n'ai pas été très clair...
 
Le but pour moi, lorsque la personne clique sur mon lien/bouton/image, c'est qu'elle entende le son sur son ordi, et non pas qu'elle télécharge quoique ce soit, ou même qu'elle sache spécialement que ce soit un MP3...

n°1400853
anapajari
s/travail/glanding on hfr/gs;
Posté le 05-07-2006 à 09:26:35  profilanswer
 

alors balourde tes mp3s dans un anim flash ...

n°1400856
Yoyo@
Posté le 05-07-2006 à 09:31:20  profilanswer
 

anapajari a écrit :

alors balourde tes mp3s dans un anim flash ...


 
Ouais, c'est ce que je pensais...
Mais quel va être le surplus de poids généré par le fait que mon MP3 soit dans une anim flash?
 
Mes MP3s sont des fichiers de parole, qui font dans les 50ko chacun.
 
Existe t il un moyen light/standard de les intégrer dans du flash? Sans que ça prenne trop de place supplémentaire? Et ces flash ne seront downloadés sur la partie cliente qu'au cas par cas, lorsque l'utilisateur cliquera dessus?
 
Enfin, est ce que ça te paraît mieux que le "bouton Wimpy" que j'utilise ci dessus?
 
PS: Je n'ai aucune connaissance en Flash, mais je crois que je vais devoir y passer, vu que je ne vois pas d'autres moyens pour lire du MP3... (pas de standard html bien entendu...)

n°1400864
mIRROR
Chevreuillobolchévik
Posté le 05-07-2006 à 09:40:58  profilanswer
 

euh ce que je disais c est juste que tu fais une liste de tes mp3
<a href="ma piste.mp3" onclick="untrucjsquejesaispasfairequiouvreunepopup"> ma piste (sans l extension mp3 dans le titre :sweat:)</a>
et ta popup s ouvre avec ton bouton wimpy dedans
sinon flash est effectivement capable d aller chercher tes pistes plutot que de les integrer a ton animation

n°1400867
Yoyo@
Posté le 05-07-2006 à 09:48:09  profilanswer
 

mIRROR a écrit :

euh ce que je disais c est juste que tu fais une liste de tes mp3
<a href="ma piste.mp3" onclick="untrucjsquejesaispasfairequiouvreunepopup"> ma piste (sans l extension mp3 dans le titre :sweat:)</a>
et ta popup s ouvre avec ton bouton wimpy dedans
sinon flash est effectivement capable d aller chercher tes pistes plutot que de les integrer a ton animation


 
D'acc, je vois. Mais je préfèrerais rester comme je suis, cad avec une lecture directe du son.
 
Ce bouton Wimpy m'irait bien, mais ça m'énerve de voir que si je mets 15 boutons Wimpy dans ma page, qui pointent sur 15 MP3 différents (mais l'objet reste finalement le même), alors ce bouton est téléchargé 15 fois depuis mon serveur, lors du chargement de ma page.
 
A 15ko le bouton, ça fait beaucoup pour une page...

n°1400873
mIRROR
Chevreuillobolchévik
Posté le 05-07-2006 à 09:52:07  profilanswer
 

ok alors l integration est mieux
dans ton anim tu auras 15 occurrences de ton bouton il n y aura que le lien qui change donc au lieu de 15ko * 15/30 ou meme 200 tu auras juste 15ko tout court

n°1400876
Yoyo@
Posté le 05-07-2006 à 09:57:02  profilanswer
 

mIRROR a écrit :

ok alors l integration est mieux
dans ton anim tu auras 15 occurrences de ton bouton il n y aura que le lien qui change donc au lieu de 15ko * 15/30 ou meme 200 tu auras juste 15ko tout court


 
Excuse moi, mais c'est quoi que tu appelles intégration?
 
Ce que je fais dans mon exemple initial, c'est de l'intégration pour toi ou pas?
 
Car dans ce que je fais, il y a bel et bien 15 occurrences de mon bouton, avec seulement le lien "theFile=http://www...." qui change, et pourtant, ça charge 15 fois mon bouton...

n°1400894
kirua_sama
Learn sciences with senses
Posté le 05-07-2006 à 10:28:49  profilanswer
 

il voulais parler en flash je pense ):

mood
Publicité
Posté le 05-07-2006 à 10:28:49  profilanswer
 

n°1400895
Yoyo@
Posté le 05-07-2006 à 10:32:45  profilanswer
 

D'acc, mais je ne comprends pas bien là...
 
S'agit il de 15 boutons flash identiques, avec juste un paramètre changeant, et étant le lien sur le fichier MP3 (cad ce que je fais avec mon Wimpy button plus haut?)
 
Ou alors 15 éléments Flash différents, correspondant à 15 fichiers Flash différents sur mon serveur?

n°1400901
mIRROR
Chevreuillobolchévik
Posté le 05-07-2006 à 10:41:28  profilanswer
 

oui je parlais d integration en flash
tu mets tous tes liens dans la meme anim
tes x boutons compteront pour une seule occurrence ce qui te donnera un swf super leger
mais pour la suite je pourrais pas t aider flash c est trop loin pour moi :D
 
edit:
par contre dans tous les cas on devra quand meme telecharger ta piste j espere que tu t en rends compte  :sweat:

Message cité 1 fois
Message édité par mIRROR le 05-07-2006 à 10:42:15
n°1400906
Yoyo@
Posté le 05-07-2006 à 10:47:17  profilanswer
 

mIRROR a écrit :

oui je parlais d integration en flash
tu mets tous tes liens dans la meme anim
tes x boutons compteront pour une seule occurrence ce qui te donnera un swf super leger
mais pour la suite je pourrais pas t aider flash c est trop loin pour moi :D
 
edit:
par contre dans tous les cas on devra quand meme telecharger ta piste j espere que tu t en rends compte  :sweat:


 
Ouh là, c'est encore autre chose...
 
Tu veux dire que dans ma page, j'aurais visuellement 15 liens, mais que ces 15 liens pointeraient vers 15 objects flash identiques (donc, un objet unique finalement)
 
Et cet objet contiendrait les liens vers mes 15 MP3, et selon le lien (ou plutot l'occurrence je dirais) sur lequel qu'aurait cliqué l'utilisateur, l'objet flash ferait une requête vers le MP3 concerné, c'est ça?
 
PS: Je comprends bien que dans tous les cas, si l'utilisateur clique sur un lien, le MP3 en question devra être téléchargé, c'est évident. Mais par contre, j'espère qu'il clique sur un lien, ça ne va pas tlécaharger tous les MP3 d'un coup...

n°1400915
mIRROR
Chevreuillobolchévik
Posté le 05-07-2006 à 10:55:12  profilanswer
 

Yoyo@ a écrit :

Ouh là, c'est encore autre chose...
 
Tu veux dire que dans ma page, j'aurais visuellement 15 liens, mais que ces 15 liens pointeraient vers 15 objects flash identiques (donc, un objet unique finalement)
 
Et cet objet contiendrait les liens vers mes 15 MP3, et selon le lien (ou plutot l'occurrence je dirais) sur lequel qu'aurait cliqué l'utilisateur, l'objet flash ferait une requête vers le MP3 concerné, c'est ça?


 
yup!
et une biere pour la trois !
 

Citation :

PS: Je comprends bien que dans tous les cas, si l'utilisateur clique sur un lien, le MP3 en question devra être téléchargé, c'est évident. Mais par contre, j'espère qu'il clique sur un lien, ça ne va pas tlécaharger tous les MP3 d'un coup...


 
je precisais juste parce que je saisissais mal l interet du bouton flash en fait  :sweat:  
(et je ne saisis toujours pas)
 

Citation :

Le but pour moi, lorsque la personne clique sur mon lien/bouton/image, c'est qu'elle entende le son sur son ordi, et non pas qu'elle télécharge quoique ce soit, ou même qu'elle sache spécialement que ce soit un MP3...


 
ma remarque s adressait surtout a cette phrase

n°1400925
Yoyo@
Posté le 05-07-2006 à 11:02:22  profilanswer
 

mIRROR a écrit :


je precisais juste parce que je saisissais mal l interet du bouton flash en fait  :sweat:  
(et je ne saisis toujours pas)


 
Peut être que je me suis mal exprimé, donc, je préfère qu'on soti sûrs de bien se comprendre.
 
Je vais proposer dans mon sites des phrases écrites (allez, disons 30 phrases). Et à côté de chaque phrase, je veux avoir un lien, un bouton ou autre qui s'intitulera "Listen". Lorsque l'utilisateur clique sur le lien/bouton, et seuelement à ce moment là, je veux que le fichier soit demandé sur le serveur  et que l'utilisateur entende sur son ordi le fichier MP3. (qui doit peser dans les 50ko, donc, pas besoin de streaming ou autre)
 
Je cherche le moyen le plus efficace de le faire.
 
Pour le moment, le seul moyen que j'ai trouvé est ce bouton Wimpy, mais que je répète 15 fois dans ma page, et malheureusement, bien que le bouton soit le même (il s'agit d'un lecteur je pense), et que seul le lien "TheFile" change, le code du Winpy, qui fait 15/20 ko) est téléchargé 30 fois, et ce, lorsque ma page est chargée. Bref, ça rend le chargement très lourd, alors que finalement, ce que je fais reste générique.
 
Donc, je voudrais une solution plus efficace. Je ne connais pas grand chose en Flash (mais ça peut s'arranger, il ne s'agit pas ici d'apprendre du C++ ou autre Perl, hein ;) ) mais je voulais saoir si c'était possible a priori de faire quelque chose d'efficace...

n°1400963
mIRROR
Chevreuillobolchévik
Posté le 05-07-2006 à 11:41:30  profilanswer
 

je suis pas doué en flash non plus :D
donc c est juste une question bete mais si tu remplaces
 

Code :
  1. <param name=movie value="http://www.mypersowebsite.com/media/wimpy_button.swf?theFile=http://www.mypersowebsite.com/media/50s/59_3_1.mp3">


par  
 

Code :
  1. <param name=movie value="http://www.mypersowebsite.com/media/wimpy_button.swf">


 
ca marche pas ?
parce que le lien est dans embed
enfin je sais pas  :sweat:

n°1400970
Yoyo@
Posté le 05-07-2006 à 11:48:29  profilanswer
 

mIRROR a écrit :

je suis pas doué en flash non plus :D
donc c est juste une question bete mais si tu remplaces
 

Code :
  1. <param name=movie value="http://www.mypersowebsite.com/media/wimpy_button.swf?theFile=http://www.mypersowebsite.com/media/50s/59_3_1.mp3">


par  
 

Code :
  1. <param name=movie value="http://www.mypersowebsite.com/media/wimpy_button.swf">


 
ca marche pas ?
parce que le lien est dans embed
enfin je sais pas  :sweat:


 
Lol, alors, je te dirais même plus: c'est pas moi qui ait codé (ni me^me choisi) ces boutons Wimpy, donc, je n'ai même pas trop regardé, mais c'est vrai que ça tient debout effectivement... Je pense que le bouton est téléchargé xx fois, car la requête est différente à chaque fois, à cause du ?TheFile=...
 
En fait, si je posais la question dans ce topic, c'est aussi pour avoir vos avis, de manière plus générale. Car ce bouton Wimpy a été choisi par mon prédécesseur, mais il offre des fonctionnalités dont je n'ai me^me pas besoin (genre un bouton Lectre, qui se transforme en Pause, etc...)
 
Je vais tester quelques réglages, mais j'ai espoir de trouver une meilleure solution, plus transparente, et ne dépendant pas d'un bouton fait par je ne sais qui.
 
Merci pour l'idée...
 
JE me dis qu'à la limite, je devrais partir à la recherche sur le net de sites ayant dce genre de besoin et voir comment ils font.


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Meilleur moyen d'intégrer des fichiers MP3 à une page web?

 

Sujets relatifs
HTML : faire un lien direct vers une page précise d'un PDFrecuperer l'id de la page en JS
récuperer le nom d une pageFichiers [répondu]
Page valide mais problème d'affichage[résolu] interdire F5 d'une page pour éviter l'envoi de données
rafrachissement de page: retour en haut de pageGalerie d'images sans changement de page
[VBA Excel] Lien vers une page précise[PHP/Javascript] PB lors de l'affichage de caractère dans une page
Plus de sujets relatifs à : Meilleur moyen d'intégrer des fichiers MP3 à une page web?


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR