ГлавнаяCSS, JQuery, JavaScript › Ретро Аудио-Плеер на HTML5!


Ретро Аудио-Плеер на HTML5!


Аудио-Плеер на HTML5

Здравствуйте, дорогие друзья и читатели — Sozdaiblog.ru!

У меня для Вас небольшой подарок в стиле «Ретро», это реальный кассетный магнитофон, который работает на HTML5.

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

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

А помните, как по очереди с помощью карандаша или ручки приходилось перематывать кассетную плёнку, когда магнитофон отказывался это делать.

Больше всего мне не нравилось, когда «Маг» или «Мафон», как его раньше называли зажёвывал плёнку. Кстати, её тоже не всегда было легко достать. А эти извечные протирания одеколоном «Тройной» головок кассетной деки.

Но, самая круть была достать огромные батарейки и вынести «Мафон» во двор. Вот тут-то и начиналась целая дискотека, на которую сбегалась вся окрестная шпана. Вот было время!

Лично мне, это время очень дорого. С ним связаны самые лучшие воспоминания из моей жизни – детство, школа, первый поцелуй, первая сигарета, затрещина от отца, первый вкус алкоголя ещё на девственных устах, первая любовь, юношеские ошибки, переход во взрослую жизнь и т. д.

Скоро, это время полностью исчезнет. Оно будет жить лишь в воспоминаниях нашего поколения.

Всем тем, кому дороги воспоминания я преподношу этот виртуальный подарок.

Это своеобразная «машина времени». При запуске Вы с головой погрузитесь в своё прошлое и вспомните лучшие годы прожитой жизни.

 

Старый кассетный Магнитофон на HTML5.

Аудио-Плеер на HTML5

ДЕМО СКАЧАТЬ

Любой желающий может скачать все исходные файлы и самостоятельно запускать это чудо на своём компьютере в любое время суток. На крайний случай можно снова прийти сюда и погрузиться в мир воспоминаний.

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

На сегодня это всё. До новых статей.

 

С уважением, Денис Черников!




Сделайте, пожалуйста, доброе дело, расскажите о блоге своим друзьям:




38 комментариевА что думаете Вы?

  1. Валерий

    Супер, сейчас скачаю! Недавно перекатал все альбомы «Сектор Газа», буду слушать как раньше с «кассетника» :-)

    [Ответить]

    Валерий ответил:

    Архив битый что-ли, при распаковке выдал ошибку :- (

    [Ответить]

    Денис Черников ответил:

    Перезалил, всё должно работать!

    [Ответить]

    Денис Черников ответил:

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

    [Ответить]

  2. Дмитрий

    Классный плеер. Ностальгия прям...

    [Ответить]

    Денис Черников ответил:

    Да, есть такое дело!))

    [Ответить]

  3. Любовь

    Ой прикольно! Аж настроение поднялось :)

    [Ответить]

    Денис Черников ответил:

    Да, штука потрясающая!

    [Ответить]

  4. Молодой искатель

    А нельзя эту касетку вывести в конце поста? :)

    [Ответить]

    Денис Черников ответил:

    А зачем?

    [Ответить]

    Молодой искатель ответил:

    Вот к примеру: Вы в конце данного поста, вывели видео из Ютуба, а если такой же формат, только выводить песенку, и на этом касетнике? :)

    [Ответить]

    Денис Черников ответил:

    Ну посидите и помудрите!

    [Ответить]

  5. Гор Мартиросян

    Я ретро люблю, но вот такие магнитофоны мне ни когда не нравились, я люблю проигрыватель виниловых пластинок, вот это для меня настоящее ретро и много хороших воспоминаний о детстве.

    Вот по этому поводу вопрос вам Денис, нет ли у вас на примете аудиоплеера с проигрывателем ))))) ???

    [Ответить]

    Денис Черников ответил:

    Пока нет, но я что-нибудь придумаю!)

    [Ответить]

  6. Лидия

    Спасибо, Денис, вернули в юность. Брат ушел в армию и оставил мне свой магнитофон. Я его с собой носила на лекции (в то время была студенткой) и в перерывах вся группа балдела от популярной в то время музыки. Хотя, помнится, звук был ужасным, а сам магнитофон тяжеленным.

    [Ответить]

    Денис Черников ответил:

    Пожалуйста, Лидия! Скажите, Ведь машина времени реальность!) Пусть, даже в виде старого кассетного магнитофона!

    [Ответить]

  7. Victor Chertkov

    Супер штучка! Ржал полчаса! Она еще и перематывает пленку! Замечательная вещь, Денис! Спасибо! Вот уж точно машинка времени:)

    [Ответить]

    Денис Черников ответил:

    Пожалуйста, Виктор! Очень рад, что эта забавная вещица Вам понравилась и зарядила кучей положительных эмоций! Ещё она стороны переставляет!

    [Ответить]

  8. Александр Красильный

    Классная вещь Денис. Я зайдя на на демонстрационную страничку, долго с ней игрался перематывая кассету. Круто, вспомнил детские годы и старый магнитофон. В то время, самая любимая моя песня была Александр Буйнов «Капитан каталкин», по моему так она называется.

    Спасибо за статью, нужно будет как то применить полученные знания на практике!

    [Ответить]

    Денис Черников ответил:

    Про «Каталкина» помню, классная была песня давно её не слышал!

    [Ответить]

  9. Томский школьник

    Был у нас такой магнитофон, лет так 12 наверно назад, когда мне было всего 4 года. Клевый был, наверно, я же не помню :-) Знаю лишь по рассказам, что я его сломал... Так любил с электроникой возиться :-)

    [Ответить]

    Томский школьник ответил:

    Что само отправилось... Не успел ничего про данную «штуку» написать.

    Встречал я его уже ранее, мне очень понравилось. Был мой блог на тематику музыки, то обязательно бы поставил

    [Ответить]

    Денис Черников ответил:

    Видимо решил посмотреть, как устроена игрушка!)))

    [Ответить]

    Томский школьник ответил:

    Скорее всего :-)

    [Ответить]

  10. Николай

    Хорошая идея и реализация в принципе не подвела, симпатично смотрится

    [Ответить]

    Денис Черников ответил:

    Да, выглядит супер!

    [Ответить]

  11. Dima

    здравствуйте. подскажите как называется 1 песня?

    [Ответить]

    Денис Черников ответил:

    Песня — Paradisio — Bailando

    [Ответить]

  12. сергей

    хорошая вещь, а с катушками такого нет?

    [Ответить]

    Денис Черников ответил:

    Пока не попадался!

    [Ответить]

  13. Иван

    Добрый час Денис,

    пробую ставить архив мафона (актуально для 9 мая), на wordpress и не выходит...пишет «Архив не удалось установить. PCLZIP_ERR_BAD_FORMAT (-10) : Unable to find End of Central Dir Record signature»

    Может есть инструкция по интеграции? Спасибо.

    [Ответить]

    Денис Черников ответил:

    Здравствуйте, Иван!

    Архив — это не плагин! Он не устанавливается автоматически. В архиве приведены необходимые файлы и скрипты для отображения магнитофона на Веб-странице. Всё это вставляется и правится ручками, желательно со знанием дела.

    [Ответить]

    Юрий ответил:

    Всё это вставляется и правится ручками, желательно со знанием дела. А что именно надо подправит ручками, чтоб этот плеер засветился в joomla? Подскажите пожалуйста!

    [Ответить]

    Денис Черников ответил:

    С joomla не работаю, извините!

    [Ответить]

  14. Oliver

    Привет, перепробовал много плееров на html5, но ни один не заработал, так как нужно, а конкретно требуется следующее:

    Плеер будет стоять на сайте интернет-радио. Т.е. воспроизводит аудио поток. Сейчас плеер при нажатии на паузу останавливается и если через некоторое время нажать «плей», то воспроизведение начинается с того места, на котором нажали паузу.

    А как сделать так, чтобы после паузы, плеер не продолжал воспроизведение, а подключился к потоку и начал играть то, что вещает сервер в данный момент.

    [Ответить]

    Денис Черников ответил:

    О, это не ко мне вопрос!

    [Ответить]

  15. Александр Тутуров

    Денис, приветствую!

    Подскажи, пожалуйста, как добавить данный проигрыватель в статью?

    [Ответить]

    Денис Черников ответил:

    Привет, Александр!

    Точно также вставьте код в статью, если единоразово, а так в single.php внедряйте!

    [Ответить]

Оставить комментарий!

Вверх