Javascript-форум - Как проиграть рандомный отрезок аудио?

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - Как проиграть рандомный отрезок аудио? (https://javascript.ru/forum/misc/78688-kak-proigrat-randomnyjj-otrezok-audio.html)

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

Цитата:

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

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

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

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

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>

Цитата:

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

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

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

Цитата:

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

setTimeout зачем?

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

Цитата:

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

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

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

Что-то не врублюсь почему с вызовом через таймер условие 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>

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