У меня возникли проблемы с изменением источника звука аудиоплеера, который я нашел здесь, на StackOverflow. ⇐ Html

[Anonymous]

Итак, я нашел здесь, на StackOverflow, аудиоплеер, который использует ссылки на YouTube, и я хотел использовать его на своем веб-сайте, чтобы мне не нужно было помещать на него какие-либо аудиофайлы (сервер, который я использую, не обрабатывает аудио- и видеофайлы в их бесплатной версии). Его сделал Макс Чжэн, код можно найти здесь: Как воспроизводить только звук видео на Youtube с использованием HTML 5?; и состоит из кода CSS, кода JavaScript и кода html.
Идея заключалась в том, чтобы иметь в коде список ссылок на YouTube, чтобы пользователь мог менять песню, нажимая кнопки «Следующая» и «Предыдущая».
Вот код, который я сделал на данный момент, с кнопками, ссылками и включенным аудиоплеером:

Код: Выделить всё

function onPlayerReady(event) {
document.getElementById(ui.play).addEventListener('click', togglePlay);
timeupdater = setInterval(initProgressBar, 100);
}

function onPlayerStateChange(event) {
if (event.data == YT.PlayerState.ENDED) {
document.getElementById(ui.play).classList.remove('pause');
document.getElementById(ui.percentage).style.width = 0;
document.getElementById(ui.currentTime).innerHTML = '00:00';
player.seekTo(0, false); //change here the false to true if you want your audio to loop automatically
}
}

let ui = {
play: 'playAudio',
audio: 'audio',
percentage: 'percentage',
seekObj: 'seekObj',
currentTime: 'currentTime'
};

function togglePlay() {
if (player.getPlayerState() === 1) {
player.pauseVideo();
document.getElementById(ui.play).classList.remove('pause');
} else {
player.playVideo();
document.getElementById(ui.play).classList.add('pause');
}
}

function calculatePercentPlayed() {
let percentage = (player.getCurrentTime() / player.getDuration()).toFixed(2) * 100;
document.getElementById(ui.percentage).style.width = `${percentage}%`;
}

function calculateCurrentValue(currentTime) {
const currentMinute = parseInt(currentTime / 60) % 60;
const currentSecondsLong = currentTime % 60;
const currentSeconds = currentSecondsLong.toFixed();
const currentTimeFormatted = `${currentMinute < 10 ? `0${currentMinute}` : currentMinute}:${
currentSeconds < 10 ? `0${currentSeconds}` : currentSeconds
}`;

return currentTimeFormatted;
}

function initProgressBar() {
const currentTime = calculateCurrentValue(player.getCurrentTime());
document.getElementById(ui.currentTime).innerHTML = currentTime;
document.getElementById(ui.seekObj).addEventListener('click', seek);

function seek(e) {
const percent = e.offsetX / this.offsetWidth;
player.seekTo(percent * player.getDuration());
}

calculatePercentPlayed();
}

var a = "jLdAuGarfM0"; //infinita highway

var b = "M7lc1UVf-VE";

var c = "glbmprjG3zw"; //hai yorokonde

var d = "p6NzVd3pGdE"; //instambul

var e = "2rHRztFGOm8";

let teste = "37nwLhIA1zs";

let shitpost = "i6l8MFdTaPE";

let techto = e;

function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
height: '360',
width: '640',
videoId: id_video,
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}


















00:00


Previous Song
Next Song
 FUNCIONE DESGRAÇA
Song number


var xe = 1;
//var id_video = "jLdAuGarfM0";
//var id_video = a;
var inicio = checkin(xe);

document.getElementById("tras").onclick = function() {
bottras()
};
document.getElementById("frente").onclick = function() {
botfrente()
};
//document.getElementById("bug").onclick = function()  {onYouTubeIframeAPIReady()};  = 4) {
var yg = 1;
checkin(yg);
return xe = yg;
} else {
checkin(yg);
return xe = yg;
}
document.getElementById("x").innerHTML = xe;
}

function bottras() {
yg = xe - 1;
if (yg 

Подробнее здесь: [url]https://stackoverflow.com/questions/79443501/im-having-trouble-changing-the-audio-source-of-an-audio-player-i-found-here-on[/url]