|
Требуется исправление скрипта
Ниже представлен код (аудиоплеер, воспроизведение потока). Прекрасно работает в Опера и Хром, но не работает в 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>
|
