Наверное многие из Вас еще помнят тот период когда не было маленьких плееров, и прочих гаджетов для проигрывания музыки. Все что было под рукой это обычная компакт-кассета. На которой можно было поместить не так уж много песен, а перезаписать песню на нее требовалось специальное оборудование. Но что поделать, все новое это хорошо забытое старое. Это относиться и к современному веб-дизайну. В данном уроке мы рассмотрим как создать замечательный кассетный проигрыватель для сайта с перемоткой и переворотом кассеты с помощью html5.

Если вы не знаете, что такое кассета, то вы, вероятно, родились в эпоху хай-тэк, эпоху, которая, несомненно, является интересной и новаторской. Но если же вы имеете представление, что такое аудио-кассеты, то скорее всего вы принадлежите к старшему поколению, динозаврам, которые знают, что объединяет карандаш и аудио-кассету.

Кассета была изобретена 50 лет назад, так что пришло время праздновать:

  • «В 1962 году компания Philips изобрела новый формат аудио-кассеты, вышедший на рынок в Европе в августе 1963 года (на Berlin Radio Show), и в США (под брендом Norelco) в ноябре 1964 года, под названием «компакт-кассета».

Так как старомодный кассетный магнитофон уже практически исчез, мы хотели бы почтить его память поделившись с вами способом создания старого магнитофона с использованием HTML5 аудио. Это всего лишь эксперимент, идея заключается в имитации поведения кассетного магнитофона (воспроизведение, стоп, перемотка назад, перемотка вперед и смена стороны) используя возможности HTML5 аудио. Магнитная лента внутри будет изменяться соответствующим образом. Это далеко не идеальная имитация классической кассеты, это просто забавный эксперимент. Вероятно, вы найдете много ошибок!

Обратите внимание, что этот пример экспериментальный и создан для удовольствия. Там нет альтернативного варианта для старых браузеров!

Материал взят из зарубежного источника. И представлен исключительно в ознакомительных целях.