Итак, я нашел аудиоплеер здесь на 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
У меня проблемы с изменением аудио -источника аудиоплеере, который я нашел здесь на Stackoverflow ⇐ Javascript
-
- Похожие темы
- Ответы
- Просмотры
- Последнее сообщение