No soy un desarrollador, así que espero que tengan paciencia conmigo. Estoy configurando mi propio sitio web, pero no tengo experiencia con html y JavaScript. Estoy aprendiendo descargando un software de demostración. En su mayor parte, podría ejecutar las demostraciones en mi propio sitio. Hay un problema. No puedo reproducir audio. Muéstrame el código que dices. La consola no muestra errores. Access.log muestra los archivos que se descargan.

No funciona, muestra el botón de reproducción, pero el clic no hace nada.

<html>
  <body>
     <audio src="bell.ogg" id="player" loop>Get an HTML5 browser!</audio>
     <form id="interface">
             <input type="button" value="Play" 
              ↪onclick="PlayPause()" id="playpause"/>
     </form>
     <script type="text/javascript">
     var audioPlayer = document.getElementById("player");

     function PlayPause()
     {
         if (audioPlayer.paused)
         {
             audioPlayer.play();
             document.getElementById("playpause").value = "Pause";
         }
         else
         {
             audioPlayer.pause();
             document.getElementById("playpause").value = "Play"; 
         }
     }
     </script>
  </body>
</html>

Trabajando

<!DOCTYPE html>
<html>
  <body>

    <audio controls>
      <source src="bell.ogg" type="audio/ogg">
      <source src="bell.mp3" type="audio/mpeg">
        Your browser does not support the audio element.
    </audio>

  </body>
</html>
0
rjd2783 30 ago. 2020 a las 18:40

1 respuesta

La mejor respuesta

Su código funciona si elimina el carácter de retorno de carro extraño de ↪onclick="PlayPause()" y el archivo existe

var audioPlayer = document.getElementById("player");

function PlayPause() {
  if (audioPlayer.paused) {
    audioPlayer.play();
    document.getElementById("playpause").value = "Pause";
  } else {
    audioPlayer.pause();
    document.getElementById("playpause").value = "Play";
  }
}
<audio src="https://upload.wikimedia.org/wikipedia/commons/3/34/Sound_Effect_-_Door_Bell.ogg" id="player" loop>Get an HTML5 browser!</audio>
<form id="interface">
  <input type="button" value="Play" onclick="PlayPause()" id="playpause" />
</form>
0
mplungjan 30 ago. 2020 a las 15:49