Итак, я нашел аудиоплеер здесь на 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 ⇐ Html
Программисты Html
1739722633
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
Ссылки работают, и кнопки тоже работают, но они не меняют источник песни после определения, когда код начинает работать.
может кто -то Пожалуйста, помогите мне определить, как мне изменить аудио -источник после начала кода?
Подробнее здесь: [url]https://stackoverflow.com/questions/79443501/im-having-trouble-changing-the-audio-source-of-an-audio-player-i-found-here-on[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия