JavaScript .play () и .pause () не работают

Question

Я новичок в JavaScript и у меня проблемы с использованием функций .play () и .pause (). Я искал это в Интернете, но не могу найти много ответов, и те, которые появляются, похоже, не помогают.

HTML

<audio src="audiofile.mp3" id="audio" preload="auto" loop></audio>
<img id="bttn" onclick="playpause();" src="funbutton.gif">

JavaScript

var audio = document.getElementById("audio");
function playpause() {
    if (audio.paused);
        audio.play();
    else;
        audio.pause();
}

Причина, по которой я хочу это сделать, заключается в том, что мне не нужно использовать элементы управления по умолчанию в браузерах, и мне нужны только функции воспроизведения и паузы, поскольку это циклическая фоновая дорожка, которую пользователь может выбрать для включения.

Заранее спасибо!

Answer 1

Просто удалите ";"В случае, если другие заявления или использовать:

if(...){
    ...
} else {
    ...
}

Answer 2

Блоки if else написаны неправильно. Блоки if-else должны выглядеть следующим образом:

if(condition){
//do something
} else {
// do something else
}

В качестве альтернативы, вы можете удалить html и воспроизвести аудиофайл mp3, используя javascript:

 var audio = new Audio("filename");
 function playpause(){
    if(audio.paused){
     audio.play();
    } else {
     audio.pause();
    }
 } 

Answer 3

Ваш синтаксис логики JS неверен. Вот как бы вы написали свой if / else:

var audio = document.getElementById("audio");

function playpause() {
  if (audio.paused) {
    audio.play();
  } else {
    audio.pause();
  }
}

<audio src="audiofile.mp3" id="audio" preload="auto" loop></audio>
<img id="bttn" onclick="playpause();" src="funbutton.gif">