TL; DR: В этой статье вы узнаете, как разработать Audio Player приложение, используя угловые и RXJS. Вы будете обрабатывать аудио операции и состояние приложения с помощью RXJS. Чтобы обеспечить ваше приложение, вы будете использовать AUTH0. При необходимости вы можете найти окончательный код в этом репозитории GitHUB.
Введение Создание аудиоплеер всегда является запугивающей задачей, особенно если вы думаете о управлении состоянием медиа, реагируя на медиа-события, и правильно отражают эти изменения на UI (интерфейс пользователя). Таким образом, в этой статье вы будете использовать угловой и угловой материал (с некоторыми другими библиотеками), чтобы легко решить эти проблемы.
Чтобы обрабатывать воспроизведение мультимедиа в реактивном способе, вы будете обернуть аудиообъект JavaScript с наблюдаемым RXJS, и вы также будете использовать RXJS для управления состоянием вашего аудиоплеер.
Чтобы обеспечить безопасный пользовательский опыт через ваше приложение, вы добавите аутентификацию пользователя через AUTH0.
Предварительные условия, поскольку вы собираетесь использовать угловые, вам нужно будет установить Node.js в вашей машине разработки. Итак, если вы еще этого не сделали, перейдите на страницу загрузки Node.js и следуйте инструкциям.
Продолжить чтение 📖.
Оригинал: “https://dev.to/auth0/building-an-audio-player-app-with-angular-and-rxjs-4c6n”