Son de fond: contrôle marche arrêt

Son de fond: contrôle marche arrêt Noter :

#1 Guigui

Groupe : Membre
Messages : 6
Inscrit(e) : 27-février 11

Posté 27 février 2011 - 14:46

Bonjour. C'est mon premier post et je suis venu ici dans l'espoire que vous pourriez résoudre mon problème. J'ai essayé de faire un code qui permet de mettre en route et d'arrêter une musique de fond en cliquant sur des images (donc, la musique ne doit pas se mettre en route au chargement de la page, mais seulement quant on appuie sur l'image "play"). Ce code fonctionne sur Firefox et Opéra mais pas sur MS Internet Explorer ni Google Chrome. Comment le faire fonctionner sure chrome? Notez que Je veux que le code de ma page ne soit qu'en javascript et HTML avec peut-être du CSS.

<html>
<head>



<script LANGUAGE="JavaScript">

<!--



function switchOn(){

  document.all.changetrack.data = "knight.mid";

}

function switchOff(){

  document.all.changetrack.data ="none.mid";

}

//-->

</SCRIPT>

</head>
<body>
<a onclick="switchOn()"><img src="play.gif" border="0"/></a><a onclick="switchOff()"><img src="stop.gif" border="0"/></a>
<br>
<OBJECT name="changetrack" type="audio/x-midi" data="none.mid">
  <PARAM name="autostart" value="true">
  <PARAM name="loop" value="true">
  <PARAM name= "hidden" value="true">
</OBJECT>
<br>
<object data="knight.mid">
  <param name="autostart" value="false">
  <PARAM name= "hidden" value="true">
If you're seeing this, you don't have a MIDI player
on your computer.
</object>
</body>
</html>

Je crois que le problème est dû au fait que sur Chrome et IE le changement d'adresse de la musique se fait mais refuse démarer en autostart.

Notez qu'en "trichant" un peu, j'arrive aussi à faire fonctionner sur explorer la musique, même si je continu à me demander pourquoi de l'html standard ne fonctionne pas sur Explorer (ni sur chrome, d'ailleurs):

<html>
<head>

<BGSOUND SRC="none.mid" ID="changemusic" loop="infinite">

<script LANGUAGE="JavaScript">

<!--



function switchOn(){

  document.all.changemusic.src = "knight.mid"
  document.all.changetrack.data = "knight.mid"

}

function switchOff(){

  document.all.changemusic.src ="none.mid"
  document.all.changetrack.data ="none.mid"

}

//-->

</SCRIPT>

</head>
<body>
<a onclick="switchOn()"><img src="play.gif" border="0"/></a><a onclick="switchOff()"><img src="stop.gif" border="0"/></a>
<br>
<OBJECT name="changetrack" type="audio/x-midi" data="none.mid">
  <PARAM name="autostart" value="true">
  <PARAM name="loop" value="true">
  <PARAM name= "hidden" value="true">
</OBJECT>
<br>
<object data="knight.mid">
  <param name="autostart" value="false">
  <PARAM name= "hidden" value="true">
If you're seeing this, you don't have a MIDI player
on your computer.
</object>
</body>
</html>

Mais toujours rien sur chrome.

Bref, j'aimerais surtout et avant tout n'avoir qu'un seul code qui fonctionne sur tout les browsers.

Merci.

Ce message a été modifié par Arlette - 27 février 2011 - 14:50.
Raison de l'édition : Inutile d'écrire tout en majuscule

Haut

#2 Dudu

Groupe : Admin
Messages : 3 823
Inscrit(e) : 09-avril 05

Posté 27 février 2011 - 18:06

Salut

Et au lieu de réinventer la roue ?

http://www.alsacreat.../dewplayer.html

Certes, ça utilise du Flash (mais tu n'as pas besoin de connaître la technologie Flash), c'est archi simple à mettre en œuvre, et ça a déjà des boutons Play / Pause / Stop.

Haut

#3 Guigui

Groupe : Membre
Messages : 6
Inscrit(e) : 27-février 11

Posté 27 février 2011 - 18:28

Mais je ne veux pas utiliser Flash, justement. C'est volontairement que je me limite au html, Javascript et css (je fait une espèce de "rétro dévlopping", ne me demande pas pourquoi). Qui plus est, je veux pouvoir utiliser des boutons custom et, si possible que le lecteur de musique demeure invisible et et inaccessible autrement que via les bouton que j'aurai créé.

Ce message a été modifié par Guigui - 27 février 2011 - 18:34.

Haut

#4 MarvinLeRouge

Groupe : Hubmaster
Messages : 771
Inscrit(e) : 22-novembre 04
Genre:Homme
Localisation:Toulon

Posté 28 février 2011 - 13:29

Salut,

T'as pensé à le faire en HTML5 ? Y'a une balise qui s'appelle audio :cool:

Lorsqu'un lapin rouge naît, on le nomme Marvin, en mémoire de Marvin 1er qui détruisit la ville de Zautamauxime. Puis on le bannit car les lapins rouges, ça porte malheur.

Haut

#5 rperruez

Groupe : Hubmaster
Messages : 210
Inscrit(e) : 21-octobre 05
Genre:Homme
Localisation:7, Rue Auguste Pavie, 35000 Rennes
Société:DIP BRETAGNE

Posté 28 février 2011 - 16:06

Dudu, le 27 février 2011 - 18:06, dit :

Salut

Et au lieu de réinventer la roue ?

http://www.alsacreat.../dewplayer.html

Merci Dudu !
Ah oui ! voila la solution à tous mes maux

...de tête

Ce message a été modifié par Arlette - 28 février 2011 - 17:30.

Depannage informatique à domicile-RENNES

Haut

#6 Guigui

Groupe : Membre
Messages : 6
Inscrit(e) : 27-février 11

Posté 28 février 2011 - 17:37

rperruez, le 28 février 2011 - 16:06, dit :

Merci Dudu !
Ah oui ! voila la solution à tous mes maux

...de tête

je l'ai déjà dit, je veux me limiter au HTML, Javascript et css.

Ce message a été modifié par Guigui - 28 février 2011 - 18:07.

Haut

#7 Guigui

Groupe : Membre
Messages : 6
Inscrit(e) : 27-février 11

Posté 28 février 2011 - 18:08

MarvinLeRouge, le 28 février 2011 - 13:29, dit :

Salut,

T'as pensé à le faire en HTML5 ? Y'a une balise qui s'appelle audio :cool:

La balise <audio> ne supporte pas les fichier MIDI.

Haut

#8 Dadou

Light or Dark Side ?

Groupe : Fondateur
Messages : 3 244
Inscrit(e) : 29-avril 04
Genre:Homme
Localisation:13 rue Offenbach, Barentin

Posté 28 février 2011 - 18:09

Guigui, le 28 février 2011 - 17:37, dit :

Comment l'utilise-t-on cette valeur je dois donner a type pour qu'il puisse lire de fichier en .mid? je ne trouve pas le nom du MIME type que veux le HTML5.

Et si tu faisais un effort pour mieux t'exprimer, car la, sur 2 phrases je n'ai absolument rien compris

« Demander ne coûte qu’un instant d’embarras ; ne pas demander, c’est être embarrassé toute sa vie. » (Proverbe japonais)
- Mon petit site a moi

Haut

#9 Guigui

Groupe : Membre
Messages : 6
Inscrit(e) : 27-février 11

Posté 28 février 2011 - 18:55

Dadou, le 28 février 2011 - 18:09, dit :

Et si tu faisais un effort pour mieux t'exprimer, car la, sur 2 phrases je n'ai absolument rien compris

J'ai déjà corrigé cela. En gros, la balise <audio> ne reconnais pas les fichier MIDI.

Sinon, j'ai un peu retravaillé le code:
Ce nouveau code fonctionne sur Firefox et Opéra, mais pas sur Internet Explorer, ni sur Chrome:

<!DOCTYPE html> 
<html> 
<head> 

    <title>MIDI Player</title> 
 
<script type="text/javascript"> 
<!-- 
function switchOn(){ 
    document.changetrack.data = "knight.mid";
} 
function switchOff(){ 
    document.changetrack.data = "none.mid"; 
} 
//--> 
</script> 
 
</head> 
<body> 
 
    <img src="play.gif" alt="play" border="0" onclick="switchOn()" /><img src="stop.gif" alt="stop" onclick="switchOff()" /> 
 
        <br /> 
 
    <object name="changetrack" type="audio/x-midi" data="none.mid"> 
     
        <param name="autostart" value="true" /> 
        <param name="loop" value="true" /> 
         
    </object> 
 
</body> 
</html>

Comment le faire fonctioner sur IE et chrome?

Haut

#10 Dadou

Light or Dark Side ?

Groupe : Fondateur
Messages : 3 244
Inscrit(e) : 29-avril 04
Genre:Homme
Localisation:13 rue Offenbach, Barentin

Posté 28 février 2011 - 20:12

Guigui, le 28 février 2011 - 18:08, dit :

La balise <audio> ne supporte pas les fichier MIDI.

Ou as tu été pêcher cela? le HTML 5 ne donne justement pas d'indications aux formats supportés, c'est une question de navigateurs et de configuration système

« Demander ne coûte qu’un instant d’embarras ; ne pas demander, c’est être embarrassé toute sa vie. » (Proverbe japonais)
- Mon petit site a moi

Haut

#11 Guigui

Groupe : Membre
Messages : 6
Inscrit(e) : 27-février 11

Posté 28 février 2011 - 20:43

Dadou, le 28 février 2011 - 20:12, dit :

Ou as tu été pêcher cela? le HTML 5 ne donne justement pas d'indications aux formats supportés, c'est une question de navigateurs et de configuration système

Déjà, j'ai essayé sans succès, ensuite, après plus ample recherche, j'ai trouvé cette page:
http://news.ycombina...item?id=1884233