Написать пост

iPod.js — веб-версия легендарного плеера с авторизацией через Spotify и Apple Music

Аватарка пользователя Булат Яббаров

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

Пользователь Hacker News под ником tonyhawkins поделился интересной находкой. Проект iPod.js, как понятно из названия, представляет из себя онлайн вариант легендарного плеера Apple.

Сервис представляет из себя сайт-одностраничник, в центре которого расположился iPod Classic. Пользователь может перемещаться по меню, используя либо клавиатуру, либо через Click Wheel — знаменитый орган управления плеера.

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

Для того, чтобы слушать музыку на iPod.js, пользователям предлагается авторизоваться. Это можно сделать с помощью своего аккаунта в Spotify или Apple Music.

iPod.js — веб-версия легендарного плеера с авторизацией через Spotify и Apple Music 1

При этом автор проекта под ником tannerv оставил в виртуальном iPod приятную пасхалку. Перейдя в меню Games можно сыграть в классическую аркаду — Арканоид.

iPod.js — веб-версия легендарного плеера с авторизацией через Spotify и Apple Music 2

Какие технологии использовались для создания iPod.js?

По словам автора, фронтенд проекта делался на JavaScript (TypeScript и React) и CSS. Для связки с музыкальными сервисами использовались Spotify Web Playback SDK и Apple MusicKit JS.

Где узнать подробности создания проекта?

В GitHub-репозитории iPod.js

iPod.js — веб-версия легендарного плеера с авторизацией через Spotify и Apple Music 3

Источник: Hacker News

Следите за новыми постами
Следите за новыми постами по любимым темам
2К открытий2К показов