@crast

Аудио плеер для сайта — просто все файлы из определенной папки, есть такой?

Ребят, помогите, а то потерялся! ))
Нужен минималистичный плеер для сайта, без скинов, без списков, без эквалайзеров и т.д. НО, - нужно чтоб он умел просто проигрывать по очереди mp3 файлы из конкретной папки на сервере. Указал ему папку, он ее прошерстил, нашел музыкальные файлы и по очереди проигрывает.
Помогите, пожалуйста.
  • Вопрос задан
  • 2253 просмотра
Пригласить эксперта
Ответы на вопрос 1
@germanberg
<body>

<audio class="my_audio" controls preload="none"></audio>

<button onclick="play_audio('play')">PLAY</button>
<button onclick="play_audio('stop')">STOP</button>

</body>

</html>

<script>  

playlist = {
	'song_1' : 'audio/splat.mp3',
	'song_2' : 'audio/saw.mp3',
	'song_3' : 'audio/marbles.mp3',
	'song_4' : 'audio/seagulls.mp3',
	'song_5' : 'audio/plane.mp3'
}

$(".my_audio").trigger('load');

function play_audio(task) {
      if(task == 'play'){
           $(".my_audio").trigger('play');
      }
      if(task == 'stop'){
           $(".my_audio").trigger('pause');
           $(".my_audio").prop("currentTime",0);
      }
 }

keys = Object.keys(playlist);
$('.my_audio').append("<source id='sound_src' src=" + playlist[keys[0]] + " type='audio/mpeg'>");

 
count = 0; 
$('.my_audio').on('ended', function() { 
   count++;  
   $("#sound_src").attr("src", playlist[keys[count]])[0];
   $(".my_audio").trigger('load');
   play_audio('play');
});








</script>
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы