Непрерывный непрерывный аудиоплеер - это возможно?

Question

редактировать: сжатый вопрос: Как создать музыкальный проигрыватель без флеш-памяти непрерывный (непрерывный, когда пользователь перемещается по сайту)

Итак, я хочу настроить веб-сайт с аудиоплеером, который будет вести себя почти так же, как и у многих флеш-плееров на таких сайтах, как hypem.com и pitchfork.com, однако я хочу полностью избегать Flash, если это возможно, поэтому Я могу сохранить совместимость с мобильными устройствами Apple. (отредактируйте: обратите внимание, я не создаю что-то для мобильных устройств! просто веб-страница с функцией аудиоплеера, которую можно использовать на Ipad / Iphone / Ipodtouch)

Я всюду искал информацию, и до сих пор некоторые люди обдумывают, что Javascript может предоставить решение, но все игроки, которых я нашел, используют Javascript AND Flash и не решают проблему непрерывной игры.

Answer 1

Вот некоторый код, который должен привести вас на правильный путь

Сначала html-аудиоэлемент поддерживается всеми браузерами, но только в семействе IE IE9

<audio id="test" controls="controls" type="audio/ogg">Your browser doesn't support the audio tag.</audio> 

Затем JavaScript

window.onload=function(){
var pre='';
var arr=['songTitle1','songTitle2','songTitle3'];
var ind=0;
var ele=document.getElementById('test');
ele.src=(ind++)+'.ogg';
ele.play();
//when the song ends start a new one
ele.onended=function(){
  ele.src=(ind++)+'.ogg';
  //if you are done with all the songs loop back to the beginning.
  //Or you could add some code to load more songs from the server
  ind=ind==arr.length?0:ind;
  ele.play();
}

}

Это просто берет массив названий песен и воспроизводит их, предполагая, что у вас есть файлы ogg в той же директории, что и html-файл.Сейчас я думаю, что ogg - это единственный формат, который вы можете воспроизводить во всех браузерах.

Answer 2

Посмотрите на тег html5 <audio>.

http://www.catswhocode.com/blog/mastering-the-html5-audio-property

Постарайтесь, чтобы ваши вопросы были конкретными. Задайте свой макет сайта в другом вопросе.

https://stackoverflow.com/faq