IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Demande de code Sons-Clavier


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Homme Profil pro
    Inscrit en
    Novembre 2010
    Messages
    90
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Novembre 2010
    Messages : 90
    Par défaut Demande de code Sons-Clavier
    bonjour à tous

    Ce que je voudrais c'est un code javascript pour pouvoir lire un son en mp3 avec "Lecture, Pause et Stop" sans utiliser la souris mais que le clavier.

    Je m'explique :
    Je ne veux pas de lecteur tout fait. Je souhaiterais que tout le code se trouve dans la partie <HEAD></HEAD> sans passer par le body. Mais qu'il se lance par l'intermédiaire du clavier. F5 pour la Lecture, F6 pour lancer une Pause et F7 pour Stopper la lecture.

    Merci à tous ceux qui pourraient m'aider.

    Amicalement

  2. #2
    Expert confirmé
    Avatar de sekaijin
    Homme Profil pro
    Urbaniste
    Inscrit en
    Juillet 2004
    Messages
    4 205
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : Urbaniste
    Secteur : Santé

    Informations forums :
    Inscription : Juillet 2004
    Messages : 4 205
    Par défaut
    lit la doc sur HTML sur la gestion du son
    et enfin lit la doc javascript sur la gestion des événements clavier

    avec ça tu devrais faire ce que tu veux
    A+JYT

  3. #3
    Membre confirmé
    Homme Profil pro
    Inscrit en
    Novembre 2010
    Messages
    90
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Novembre 2010
    Messages : 90
    Par défaut
    Bonjour sekaijin

    Je ne connais pas du tout le Javascript c'est pour cette raison que je demande de l'aide si quelqu'un avait un peu de temps pour me donner un coup de pousse.

  4. #4
    Membre confirmé
    Homme Profil pro
    Inscrit en
    Novembre 2010
    Messages
    90
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Novembre 2010
    Messages : 90
    Par défaut
    Bonjour à tous

    Hier, j'ai fait plusieurs tests en me basant sur différents sites. Essais qui ne sont pas concluants
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    <script language="JavaScript" type="text/javascript">
    	var audio(scr="test.mp3")
     
    	function playSound()
    		{self.location="audio"}
     
    	function pauseSound()
    		{self.location="audio"}
     
    	function stopSound()
    		{self.location="audio"}
    </script>
    <script type="text/javascript">
     
    		document.onkeydown = function (e) {
    			e = e || window.event;
    			if (e.keyCode === 116) { 
    				ts('audio',play);
    				return false;	
     
    			} else if (e.keyCode === 117) { 
    				ts('audio',pause);
    				return false;	
    			}
    			else (e.keyCode === 118) { 
    				ts('audio',stop);
    				return false;	
    		};
     
    </script>
    • 116 pour F5
    • 117 pour F6
    • 118 pour F7


    je vois pas trop comment faire cela

    Amicalement

  5. #5
    Expert confirmé
    Avatar de sekaijin
    Homme Profil pro
    Urbaniste
    Inscrit en
    Juillet 2004
    Messages
    4 205
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : Urbaniste
    Secteur : Santé

    Informations forums :
    Inscription : Juillet 2004
    Messages : 4 205
    Par défaut
    self.location ser à changer de page
    la fonction ts dans ton code n'est pas définie
    javascript n'est pas différent d'un autre langage
    si tu veux utiliser une fonction il faut qu'elle existe

    A+JYT

  6. #6
    Membre confirmé
    Homme Profil pro
    Inscrit en
    Novembre 2010
    Messages
    90
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Novembre 2010
    Messages : 90
    Par défaut
    J'ai modifier le code mais cela ne marche toujours pas.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    <html>
    <head>
    <script language="JavaScript" type="text/javascript">
    	var player = document.getElementById().src = "test.mp3";
     
    	function Play()
    		{player.play();}
     
    	function Pause()
    		{player.pause();}
     
    	function Stop()
    		{player.pause();
             player.currentTime = 0;}
    </script>
    <script type="text/javascript">
     
    		document.onkeydown = function (e) {
    			e = e || window.event;
    			if (e.keyCode === 113) { 
    				player('Play()');
    				return false;	
     
    			} else if (e.keyCode === 114) { 
    				player('Pause()');
    				return false;	
    			}
    			else (e.keyCode === 115) { 
    				player('Stop()');
    				return false;	
    		};
     
    </script>
    </head>
     
    <body>
    </body>
    </html>
    amicalement

  7. #7
    Membre Expert

    Homme Profil pro
    Ingénieur Hospitalier
    Inscrit en
    Juillet 2004
    Messages
    993
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Ingénieur Hospitalier
    Secteur : Santé

    Informations forums :
    Inscription : Juillet 2004
    Messages : 993
    Billets dans le blog
    1
    Par défaut
    Je te conseille, de faire un tour sur ce lien afin de comprendre comment le son est géré au niveau du w3c
    http://www.w3.org/wiki/HTML/Elements/audio

  8. #8
    Membre confirmé
    Homme Profil pro
    Inscrit en
    Novembre 2010
    Messages
    90
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Novembre 2010
    Messages : 90
    Par défaut
    J'ai changer le code et rajouter la balise <audio> mais toujours aucun résultat.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    <html>
    <head>
    <script language="JavaScript" type="text/javascript">
    	function changer_etat(e){
    	var player = document.onkeydown();
     
    	function Play()
    		{player.play();}
     
    	function Pause()
    		{player.pause();}
     
    	function Stop()
    		{player.pause();
             player.currentTime = 0;}
    		 }
    </script>
    <script type="text/javascript">
     
    		document.onkeydown = function (e) {
    			e = e || window.event; 
     
    			if (e.keyCode === 113) 
    			{ player.Play(); return false;	}
     
    			else if (e.keyCode === 114)
    			{ player.Pause(); return false; }
     
    			else (e.keyCode === 115)
    			{ player.Stop(); return false;	}
     
     window.onload = function()
     {
        document.getElementById("lecteur").src = "test.mp3";
        document.getElementsByTagName("body")[0].onkeypress = changer_etat;
    }
    }
    </script>
    </head>
     
    <body><audio id="lecteur"></audio>
    </body>
    </html>
    amicalement

  9. #9
    Membre Expert

    Homme Profil pro
    Ingénieur Hospitalier
    Inscrit en
    Juillet 2004
    Messages
    993
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Ingénieur Hospitalier
    Secteur : Santé

    Informations forums :
    Inscription : Juillet 2004
    Messages : 993
    Billets dans le blog
    1
    Par défaut
    Aucun résultat comme explication pour ton problème, c'est pas top pour t'aider.
    As tu pu lire ton mp3? y a du son?
    Si c'est pas le cas, et que tu travailles sur ton propre serveur http dans ce cas as tu paramétré le type du fichier "mp3" dans ton httpd.conf en ce qui concerne apache ou autre...?
    Si c'est pas le cas dans ce cas rajoute la ligne suivant après les autre Addtype
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
        AddType audio/ogg .oga
        AddType video/ogg .ogv
        AddType application/ogg .ogg
        AddType audio/mpeg .mp3 .MP3
    quelques autres type de son mais la dernière ligne seule représente le format MP3.

    Je te conseille d'être plus explicite, si tu souhaites que ton post, attire plus de monde.
    Bonne soirée

  10. #10
    Membre confirmé
    Homme Profil pro
    Inscrit en
    Novembre 2010
    Messages
    90
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Novembre 2010
    Messages : 90
    Par défaut
    Bonjour à tous

    Voilà après différents essais la seule façon avec laquelle j'ai réussi à lire un mp3 est avec la balise <BGSOUND>. J'ai donc créer un fichier son vide pour basculer du vide au son voulu. Ensuite j'ai essayé d'intégrer le clavier.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    <html>
    <head>
    <BGSOUND id="BGSOUND_ID" LOOP=1 SRC="silence.mp3">
    <script type="text/javascript" language="JavaScript">
    function playSound(audioURL) {
     if (document.all) document.all['BGSOUND_ID'].src='test.mp3';
     else self.iplayer.location.replace('jsplayer.htm?'+audioURL);
    }
     
    function stopSound() {
     if (document.all) document.all['BGSOUND_ID'].src='silence.mp3';
     else self.iplayer.location.replace('jsplayer.htm?stop');
    }
    </script>
    <script>
    function changer_etat(e){
       	e = e | window.event;
        switch(e.keyIdentifier)
        {
            case "F3":
                playSound(audioURL);
                break;
            case "F4":
                stopSound();
                break;
        }
    }
     
    window.onload = function(){
        document.getElementsByTagName("body")[0].onkeyup = changer_etat;
     
    }
    </script>
    </head>
    <body>
    </body>
    </html>
    Résultat : Ne marche pas il ne doit pas manquer grand chose.

    Pour info les tests je les fais avec internet explorer 7.

    Pour les touches F3 et F4 pas grave si c'est déjà intégré a IE car le code est pour être intégré sur un logiciel où ces touches ne sont pas encore attribuées. Je n'ai non plus pas besoin du DOCTYPE.

    amicalement

  11. #11
    Membre Expert

    Homme Profil pro
    Ingénieur Hospitalier
    Inscrit en
    Juillet 2004
    Messages
    993
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Ingénieur Hospitalier
    Secteur : Santé

    Informations forums :
    Inscription : Juillet 2004
    Messages : 993
    Billets dans le blog
    1
    Par défaut
    Salut je connais pas cette balise , j'ai pas eu de son car j'imagine que l'appel au fichier jsplayer.html est nécessaire.
    Bref j'ai corrigé tes erreur et confusion javascript.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
     
    <html>
    <head>
    <BGSOUND id="BGSOUND_ID" LOOP=1 SRC="silence.mp3">
    </BGSOUND>
    <script type="text/javascript" language="JavaScript">
    function playSound(audioURL) {
     if (document.all) document.all['BGSOUND_ID'].src='test.mp3';
     else self.iplayer.location.replace('jsplayer.htm?'+audioURL);
    };
     
    function stopSound() {
     if (document.all) document.all['BGSOUND_ID'].src='silence.mp3';
     else self.iplayer.location.replace('jsplayer.htm?stop');
    };
    </script>
    <script>
    function changer_etat(e){
    	alert("changer_etat");
       	var d = e==undefined?window.event:e;
     
       	alert(d.keyCode);
       	alert(d);
        switch(d.keyCode)
        {
           // pour savoir le code correspondant à la touche c'est la première alert
          // ici 119 correspond à la touche F8 par contre F3 IE l'utilise pour la recherche sur le navigateur.
            case "119":
                playSound(audioURL);
                break;
            case "F4":
                stopSound();
                break;
        }
    };
     
    window.onload = function(){
        document.getElementsByTagName("body")[0].onkeyup = changer_etat;
    };
    </script>
    </head>
    <body>
    </body>
    </html>
    Bonne soirée et bonne chance.

  12. #12
    Membre confirmé
    Homme Profil pro
    Inscrit en
    Novembre 2010
    Messages
    90
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Novembre 2010
    Messages : 90
    Par défaut
    Merci à tous ceux qui m'ont aidés et merci à headmax pour m'avoir mis sur la voie avec le dernier message.

    Le code ne fonctionnait pas. Je l'ai donc re transformé un peu. Je l'ai intégré dans le logiciel pour tester et tout fonctionne parfaitement. J'ai également intégré les touches dont j'avais besoin. F3 en 114 et F4 en 115.

    Pour ceux que ça peut intéresser Code transformer :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    <html>
    <head>
    <BGSOUND id="BGSOUND_ID" LOOP=1 SRC="silence.mp3">
    </BGSOUND>
    <script>
    function playSound(audioURL) {
     if (document.all) document.all['BGSOUND_ID'].src='test.mp3';
     else self.iplayer.location.replace('jsplayer.htm?'+audioURL);
    };
     
    function stopSound() {
     if (document.all) document.all['BGSOUND_ID'].src='silence.mp3';
     else self.iplayer.location.replace('jsplayer.htm?stop');
    };
     
    document.onkeydown = function sons(e){
    	e = e || window.event;
     
    	 if (e.keyCode === 114) { 
    	 playSound('test.mp3');
    	 return false; }
     
    	 else if (e.keyCode === 115) { 
    	 stopSound();
    	 return false; }
    };
     
    window.onload = function(){
        document.getElementsByTagName("body")[0].onkeyup = sons;
    };
    </script>
    </head>
    <body>
    </body>
    </html>
    Amicalement

  13. #13
    Expert confirmé
    Avatar de sekaijin
    Homme Profil pro
    Urbaniste
    Inscrit en
    Juillet 2004
    Messages
    4 205
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : Urbaniste
    Secteur : Santé

    Informations forums :
    Inscription : Juillet 2004
    Messages : 4 205
    Par défaut
    pour info les touches son sur MacOS sont les touches F7 F8 F9 pour TOUS les players elles sont sérigraphiées en ce sens

    F7 précédent
    F8 play/stop
    F9 suivant

    je ne sais à qui est destiné ton dev mais si c'est pour le grand public le mieux est de se conformer à la règle car sinon les internautes vont être perturbés.

    A+JYT

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [Tableaux] demande de code pour un menu deroulant
    Par carmen256 dans le forum Langage
    Réponses: 5
    Dernier message: 27/01/2006, 20h36
  2. [Tableaux] demande de code pour une fonction.php
    Par carmen256 dans le forum Langage
    Réponses: 4
    Dernier message: 21/01/2006, 17h22
  3. [TP] Problème code touche clavier
    Par phildeb dans le forum Turbo Pascal
    Réponses: 10
    Dernier message: 02/12/2005, 22h44
  4. Gericom et son clavier !
    Par Archeus dans le forum Périphériques
    Réponses: 5
    Dernier message: 28/11/2005, 22h21

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo