Sozdaiblog.ru
Назад

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

Опубликовано: 03.02.2013
Время на чтение: 2 мин
41
99

 

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

ДЕМО СКАЧАТЬ

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

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

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

 

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

Поделиться
Похожие записи
Комментарии:
  • Валерий
    Опубликовано: 03.02.2013 Ответить на сообщение

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

    • Валерий
      Опубликовано: 03.02.2013 Ответить на сообщение

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

      • Денис Черников
        Опубликовано: 03.02.2013 Ответить на сообщение

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

        • Денис Черников
          Опубликовано: 03.02.2013 Ответить на сообщение

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

  • Дмитрий
    Опубликовано: 03.02.2013 Ответить на сообщение

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

    • Денис Черников
      Опубликовано: 03.02.2013 Ответить на сообщение

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

  • Любовь
    Опубликовано: 03.02.2013 Ответить на сообщение

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

    • Денис Черников
      Опубликовано: 03.02.2013 Ответить на сообщение

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

  • Молодой искатель
    Опубликовано: 03.02.2013 Ответить на сообщение

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

    • Денис Черников
      Опубликовано: 03.02.2013 Ответить на сообщение

      А зачем?

      • Молодой искатель
        Опубликовано: 03.02.2013 Ответить на сообщение

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

        • Денис Черников
          Опубликовано: 03.02.2013 Ответить на сообщение

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

  • Гор Мартиросян
    Опубликовано: 03.02.2013 Ответить на сообщение

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

    • Денис Черников
      Опубликовано: 03.02.2013 Ответить на сообщение

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

  • Лидия
    Опубликовано: 03.02.2013 Ответить на сообщение

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

    • Денис Черников
      Опубликовано: 03.02.2013 Ответить на сообщение

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

  • Victor Chertkov
    Опубликовано: 04.02.2013 Ответить на сообщение

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

    • Денис Черников
      Опубликовано: 04.02.2013 Ответить на сообщение

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

  • Александр Красильный
    Опубликовано: 05.02.2013 Ответить на сообщение

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

    • Денис Черников
      Опубликовано: 05.02.2013 Ответить на сообщение

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

  • Томский школьник
    Опубликовано: 05.02.2013 Ответить на сообщение

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

    • Томский школьник
      Опубликовано: 05.02.2013 Ответить на сообщение

      Что само отправилось... Не успел ничего про данную «штуку» написать.
      Встречал я его уже ранее, мне очень понравилось. Был мой блог на тематику музыки, то обязательно бы поставил

      • Денис Черников
        Опубликовано: 05.02.2013 Ответить на сообщение

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

        • Томский школьник
          Опубликовано: 05.02.2013 Ответить на сообщение

          Скорее всего

  • Николай
    Опубликовано: 05.02.2013 Ответить на сообщение

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

    • Денис Черников
      Опубликовано: 05.02.2013 Ответить на сообщение

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

  • Dima
    Опубликовано: 19.03.2013 Ответить на сообщение

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

    • Денис Черников
      Опубликовано: 19.03.2013 Ответить на сообщение

      Песня — Paradisio — Bailando

  • сергей
    Опубликовано: 06.04.2013 Ответить на сообщение

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

    • Денис Черников
      Опубликовано: 06.04.2013 Ответить на сообщение

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

  • Иван
    Опубликовано: 27.04.2013 Ответить на сообщение

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

    • Денис Черников
      Опубликовано: 27.04.2013 Ответить на сообщение

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

      • Юрий
        Опубликовано: 08.02.2015 Ответить на сообщение

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

        • Денис Черников
          Опубликовано: 11.02.2015 Ответить на сообщение

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

  • Oliver
    Опубликовано: 23.03.2014 Ответить на сообщение

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

    • Денис Черников
      Опубликовано: 23.03.2014 Ответить на сообщение

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

  • Александр Тутуров
    Опубликовано: 16.06.2014 Ответить на сообщение

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

    • Денис Черников
      Опубликовано: 17.06.2014 Ответить на сообщение

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

  • Сергей Петров
    Опубликовано: 05.01.2017 Ответить на сообщение

    Денис, прекрасная работа! Большое Вам спасибо!
    Прямо захотел поставить на сайт такой) Правда, сайт не музыкальный — студия копирайтинга.
    Интересно, а как «записать» конкретные треки на конкретную сторону? Или это не предусмотрено?
    С уважением,
    Сергей

    • Денис Черников
      Опубликовано: 16.04.2017 Ответить на сообщение

      Пожалуйста, Сергей! Я не пробовал)

  • Эдуард
    Опубликовано: 12.07.2020 Ответить на сообщение

    Добрый день
    Не подскажите что надо добавить html чтоб с прямого потока аудио читал названия песен и исполнителя
    Спасибо!

Имя
Укажите своё имя и фамилию
E-mail
Без СПАМа, обещаем
Текст сообщения
Отправляя данную форму, вы соглашаетесь с политикой конфиденциальности и правилами нашего сайта.