У меня проблемы с изменением аудио -источника аудиоплеере, который я нашел здесь на StackoverflowHtml

Программисты Html
Ответить Пред. темаСлед. тема
Anonymous
 У меня проблемы с изменением аудио -источника аудиоплеере, который я нашел здесь на Stackoverflow

Сообщение Anonymous »

Итак, я нашел аудиоплеер здесь на Stackoverflow, который использует ссылки на YouTube, и я хотел использовать его на своем веб -сайте, поэтому мне не нужно было наносить на него какие -либо аудиофайлы (сервер, который я использую, не обращаюсь Аудио и видеофайлы в их бесплатной версии). Он был сделан Максом Чжэнгом, код можно найти здесь: как воспроизводить только аудио видео на YouTube, используя HTML 5?; и состоит из кода CSS, кода JavaScript и HTML -кода. < /p>
Идея, которая у меня была Песня, нажав на кнопки «Далее» и «Предыдущие»
Вот код, который я сделал до сих пор, с кнопками, ссылками и аудиопроигрывателем включены: < Br />






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
Ссылки работают, и кнопки тоже работают, но они не меняют источник песни после определения, когда код начинает работать.
может кто -то Пожалуйста, помогите мне определить, как мне изменить аудио -источник после начала кода?

Подробнее здесь: https://stackoverflow.com/questions/794 ... nd-here-on
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «Html»