Требуется исправление скрипта
 

Ниже представлен код (аудиоплеер, воспроизведение потока). Прекрасно работает в Опера и Хром, но не работает в Android. Прошу предложить правки.

let play = document.querySelector('.play');
// создаем объект AUDIO
const audio = new Audio();

// сразу выставляем уровень звука на средний
let volume = .5
audio.volume = volume;

// присваиваем объекту AUDIO трек
audio.src = 'https://api.soundcloud.com/tracks/344175395/stream?client_id=LvWovRaJZlWCHql0bISuum8Bd2KX79mb' ;

// показываем какой уровень выставлен
document.querySelector('.vol').innerHTML = audio.volume * 10;

// функция для понижения уровня звука
document.querySelector('.volume-down').addEventListener('click', () => {
if (audio.volume !== 0) {
volume -= .1;
// метод .toFixed() нужен для того чтобы убрать
// все лшние цифры кроме первой после точки
audio.volume = volume.toFixed(1);
document.querySelector('.vol').innerHTML = audio.volume * 10;
audio.muted = false;
}
});
document.querySelector('.volume-up').addEventListener('click', () => {
if (audio.volume !== 1) {
volume += .1;
audio.volume = volume.toFixed(1);
document.querySelector('.vol').innerHTML = audio.volume * 10;
audio.muted = false;
}
});

// функция для полного отключения звука
document.querySelector('.mute').addEventListener(' click', () => {
audio.muted = audio.muted == false ? true : false;
})


// функция для запуска и паузы музыки
play.addEventListener('click', () => {
if (audio.paused) {
audio.play();
play.classList.add('fa-pause');
play.classList.remove('fa-play');
} else {
audio.pause();
play.classList.remove('fa-pause');
play.classList.add('fa-play');
}
})


<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd3 3n5dQ8lWUE00s/" crossorigin="anonymous">
<!--кнопка запуска плеера она же и пауза-->
<button class=" play fa fa-play"></button>
<!--кнопка понижения звук-->
<button class="volume-down">-</button>
<!--кнопка повышение звука-->
<button class="volume-up">+</button>
<!--уровень звука-->
<span class="vol"></span>
<!--кнопка отключения звука-->
<button class="mute">Mute</button>

Oleg3877,


https://developer.mozilla.org/ru/docs/Web/API/Touch_events
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:

[html run]
... минимальный код страницы с вашей проблемой
[/html]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.