Форум

Опан1 · #21 (**permalink**) 21.10.2019, 18:29

Повесить запуск функции mp3play(); на нажатие кнопки или другое событие, связанное с взаимодействием с посетителем сайта..

VeliaR · #22 (**permalink**) 21.10.2019, 18:33

Сообщение от Опан1

Повесить запуск функции mp3play(); на нажатие кнопки или другое событие, связанное с взаимодействием с посетителем сайта..

Уже сделал.
onclick="mp3play()"

Кроме того, в консоли появилась еще одна ошибка:
GET http://test.loc/mp3/23.mp3 net::ERR_CACHE_OPERATION_NOT_SUPPORTED

И так с разными другими файлами. Тоже интересно, что бы это могло значить?

рони · #23 (**permalink**) 21.10.2019, 18:43

laimas,
setTimeout зачем?

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">

</head>

<body>
<audio id="my" controls=""></audio>

<script>
var host = 'https://fotodushi.ru/mus/',
    mp3 = [
    'muzdushi/01La_Belle_Mixtape-Summer_Memories_O_Henri_Pfr.mp3',
    'muzdushi/02Oliver_Shanti-Sacral_Nirvana.mp3',
    'muzdushi/03Eroticheskiy_saksofon-Melodiya_lubvi.mp3',
    'muzdushi2/15Anugama-Rhythm_Of_Love.mp3',
    'muzdushi2/16Rondo_Veneziano-Musica_Fantasia.mp3',
    'muzzhizni/15-Tango_Orchester_Alfred_Hause-La_Cumparsita.mp3',
    'classic/01-Mihail_Oginskiy-Polonez.mp3',
    'muzlove/01-Mehdi-Guiding_Light.mp3',
    'muzlove/15-Elman_Namazoglu-Mehebbetim.mp3',
    'engsong8090/11_Chris_Rea-And_you_my_love.mp3',
    'krugosvet/01_Petr_Chaykovskiy-Chanson_triste.mp3',
    'france/09_Barimar-A_Paris.mp3',
    'france/16_Salvatore_Adamo-Tombe_la_neige.mp3',
    'italia/01_Biagio_Antonacci-Pazzo_Di_Lei.mp3',
    'russia/19_Aleksey_Arhipovskiy-Zolushka.mp3',
    'enigma/03_Enigma-Mea_Culpa_Part_II_(Fading_Shades_Mix).mp3'
], mp = document.getElementById('my'), tm;

mp.addEventListener("canplay", function() {
    this.play()
}, true);

mp.addEventListener("timeupdate", function() {
                if(this.currentTime > tm) {
                    this.pause();
                    timer();
                }
            })

function timer() {
        tm = 10 + Math.random() * 20;
        mp.src = host + mp3[mp3.length * Math.random()|0];
}

timer();
</script>

</body>
</html>

laimas · #24 (**permalink**) 21.10.2019, 18:47

Сообщение от VeliaR

В консоли след. ошибка: Uncaught (in promise) DOMException

Это мне? Это я часть старого кода поместил, исправлено, должно работать.

laimas · #25 (**permalink**) 21.10.2019, 18:49

Сообщение от рони

setTimeout зачем?

По условию, что через случайное время проигрывать последующие:

Сообщение от VeliaR

Забыл добавить, что все это должно выполняться в цикле с рандомными промежутками.

Я лично бы тоже это убрал, так как продолжительность фрагмента случайна.

laimas · #26 (**permalink**) 21.10.2019, 23:07

Что-то не врублюсь почему с вызовом через таймер условие this.currentTime > this.duration * .1 срабатывает дважды (проигрывает через один), если наступление события timeupdate можно еще как-то было объяснить, то с условием не понять.

<audio id="my" controls=""></audio>
<div id="fl"></div>

<script>
var host = 'https://fotodushi.ru/mus/',
    mp3 = [
    'muzdushi/01La_Belle_Mixtape-Summer_Memories_O_Henri_Pfr.mp3',
    'muzdushi/02Oliver_Shanti-Sacral_Nirvana.mp3',
    'muzdushi/03Eroticheskiy_saksofon-Melodiya_lubvi.mp3',
    'muzdushi2/15Anugama-Rhythm_Of_Love.mp3',
    'muzdushi2/16Rondo_Veneziano-Musica_Fantasia.mp3',
    'muzzhizni/15-Tango_Orchester_Alfred_Hause-La_Cumparsita.mp3',
    'classic/01-Mihail_Oginskiy-Polonez.mp3',
    'muzlove/01-Mehdi-Guiding_Light.mp3',
    'muzlove/15-Elman_Namazoglu-Mehebbetim.mp3',
    'engsong8090/11_Chris_Rea-And_you_my_love.mp3',
    'krugosvet/01_Petr_Chaykovskiy-Chanson_triste.mp3',
    'france/09_Barimar-A_Paris.mp3',
    'france/16_Salvatore_Adamo-Tombe_la_neige.mp3',
    'italia/01_Biagio_Antonacci-Pazzo_Di_Lei.mp3',
    'russia/19_Aleksey_Arhipovskiy-Zolushka.mp3',
    'enigma/03_Enigma-Mea_Culpa_Part_II_(Fading_Shades_Mix).mp3'
], mp = document.getElementById('my'), f = document.getElementById('fl'), n = -1;


mp.addEventListener("canplay", function() {
    this.play()
}, true);
 
mp.addEventListener("timeupdate", function() {
    if(this.currentTime > this.duration * .1) {
        console.log(1)
        this.pause();
        this.currentTime = 0;
        setTimeout(timer, 1000);
    }
});
 
function timer() {
        n = Math.ceil(++n % mp3.length);
        f.textContent = (n+1) + ' >> ' + mp3[n].split('/').pop();
        mp.src = host + mp3[n];
}
 
timer();
</script>

Все ясно, нужно позицию в начало.

Форум

Справочник

Discord чат

Курсы javascript