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

NodeJS Discussion :

wavesurfer ne marche plus sur mon site


Sujet :

NodeJS

  1. #1
    Membre très actif
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juillet 2017
    Messages
    340
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Vienne (Poitou Charente)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juillet 2017
    Messages : 340
    Par défaut wavesurfer ne marche plus sur mon site
    Bonjour,
    aujourd'hui wavesurfer ne marche plus sur mon site (WaveSurfer not defined) voici le code qui marchait encore hier :

    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
    const http = require('http');
    var url = require("url"); 
    var querystring = require("querystring"); 
     
    function buildHTML(id){
    	return '<html> \
      <head> \
      <script src="https://unpkg.com/wavesurfer.js"></script> \
      <script src="jquery.js"></script> \
     <script>var wavesurfer; \
     $(document).ready(function(){  wavesurfer = WaveSurfer.create({ \
        container: "#waveform", \
        waveColor: "violet", \
        progressColor: "purple" , \
    	normalize: true \
    }); \
     \
     wavesurfer.load("media/'+id+'.mp3");}); \
    </script> \
      </head> \
      <body> \
      <div id="waveform"></div><button onClick="window.wavesurfer.playPause();">Play/Pause</button> \
      </body> \
      </html> \
      ';
    }
     
     
    http.createServer(function(request, response) {
    	var page = url.parse(request.url).pathname; 
    	var params = querystring.parse(url.parse(request.url).query);
     
    response.writeHead(200, {'Content-Type': 'text/html',"Access-Control-Allow-Origin": "<SITE SECRET>"});
    response.end(buildHTML(params["id"]));
    //response.end(buildHTML(13));
    }).listen(process.env.PORT);
     
    console.log('App is running...');
    Merci de m'aider !

  2. #2
    Membre très actif
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juillet 2017
    Messages
    340
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Vienne (Poitou Charente)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juillet 2017
    Messages : 340
    Par défaut
    rebonjour
    chatGPT a réussi à résoudre mon problème, voici le code corrigé :

    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
    45
    46
    const http = require('http');
    var url = require("url"); 
    var querystring = require("querystring"); 
     
    function buildHTML(id){
    	return '<html> \
      <head> \
    <script type="module"> \
    import WaveSurfer from "https://unpkg.com/wavesurfer.js"; \
     \
    document.addEventListener("DOMContentLoaded", function () { \
        var wavesurfer = WaveSurfer.create({ \
            container: "#waveform", \
            waveColor: "violet", \
            progressColor: "purple", \
            normalize: true \
        }); \
     \
     \
        var id = '+id+'; \
        wavesurfer.load("media/' + id + '.mp3"); \
     \
        document.querySelector("button").addEventListener("click", function () { \
            wavesurfer.playPause(); \
        }); \
    }); \
    </script> \
      </head> \
      <body> \
      <div id="waveform"></div><button onClick="window.wavesurfer.playPause();">Play/Pause</button> \
      </body> \
      </html> \
      ';
    }
     
     
    http.createServer(function(request, response) {
    	var page = url.parse(request.url).pathname; 
    	var params = querystring.parse(url.parse(request.url).query);
     
    response.writeHead(200, {'Content-Type': 'text/html',"Access-Control-Allow-Origin": "<SECRET WEBSITE>"});
    response.end(buildHTML(params["id"]));
    //response.end(buildHTML(13));
    }).listen(process.env.PORT);
     
    console.log('App is running...');

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

Discussions similaires

  1. Réponses: 15
    Dernier message: 03/06/2010, 21h44
  2. Réponses: 2
    Dernier message: 27/04/2007, 14h24
  3. Réponses: 2
    Dernier message: 06/10/2005, 19h40
  4. [FLASH MX] Probleme sur mon site....!!
    Par thewill dans le forum Flash
    Réponses: 2
    Dernier message: 07/04/2005, 13h11
  5. ma fonction marche plus sur le serveur...
    Par CDRIK dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 18/10/2004, 05h24

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