ycliper

Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
Скачать

Audio Music Player from Server Data | HTML, CSS, Javascript Project (Part 1 of 2)

Автор: Coding in Public

Загружено: 2021-06-29

Просмотров: 3564

Описание: We’re building out a fully-responsive audio music player with plain 'ol HTML, CSS, and JavaScript. We’ll be pulling the info from a “server” (JSON file … but it’s how you’d likely receive data from a server) and then using that data to populate the UI and play the audio.

In this first video, we’ll build out the HTML and CSS.

Part 2 (JavaScript):    • Audio Music Player from Server Data | HTML...  

Code and live site
Full code repo: https://github.com/coding-in-public/a...
Live site: https://codinginpublic.dev/projects/a...

Important links
Icons: https://phosphoricons.com/
Font: https://fonts.google.com/specimen/Rub...
Public domain music: https://freemusicarchive.org/music/Jo...
Brad’s video:    • Build a Music Player | Vanilla JavaScript   (I’d watched this a few months back and went to him for the progress bar section of the player)

Не удается загрузить Youtube-плеер. Проверьте блокировку Youtube в вашей сети.
Повторяем попытку...
Audio Music Player from Server Data | HTML, CSS, Javascript Project (Part 1 of 2)

Поделиться в:

Доступные форматы для скачивания:

Скачать видео

  • Информация по загрузке:

Скачать аудио

Похожие видео

Audio Music Player from Server Data | HTML, CSS, Javascript Project (Part 2 of 2)

Audio Music Player from Server Data | HTML, CSS, Javascript Project (Part 2 of 2)

Build a Responsive Sidebar Menu with Animated Dropdowns | HTML CSS JavaScript Project

Build a Responsive Sidebar Menu with Animated Dropdowns | HTML CSS JavaScript Project

Как использовать Visual Studio Code для создания веб-сайта с использованием HTML, CSS и JavaScript

Как использовать Visual Studio Code для создания веб-сайта с использованием HTML, CSS и JavaScript

Eloquent JavaScript: Chapter 5

Eloquent JavaScript: Chapter 5

Декораторы Python — наглядное объяснение

Декораторы Python — наглядное объяснение

Web Audio API Tutorial #2 | The HTML5 Audio Element

Web Audio API Tutorial #2 | The HTML5 Audio Element

Microsoft FREAKS OUT After Windows 11 AI Features FAIL in Real Use!

Microsoft FREAKS OUT After Windows 11 AI Features FAIL in Real Use!

Обзор типичного ФИШИНГОВОГО сайта

Обзор типичного ФИШИНГОВОГО сайта

Как стать программистом с нуля в 2026: План обучения (БЕСПЛАТНО)

Как стать программистом с нуля в 2026: План обучения (БЕСПЛАТНО)

Ключевые навыки в области искусственного интеллекта к 2026 году

Ключевые навыки в области искусственного интеллекта к 2026 году

HTML - Полный Курс HTML Для Начинающих [3 ЧАСА]

HTML - Полный Курс HTML Для Начинающих [3 ЧАСА]

How View Transitions actually work

How View Transitions actually work

Почему этот сайт такой быстрый!?

Почему этот сайт такой быстрый!?

2025 год стал годом, когда ИИ переступил черту… и пути назад нет.

2025 год стал годом, когда ИИ переступил черту… и пути назад нет.

Как бесплатно сделать мультфильм с помощью нейросетей Gemini + Grok + Google Studio + CapCut + Suno

Как бесплатно сделать мультфильм с помощью нейросетей Gemini + Grok + Google Studio + CapCut + Suno

Лучший Гайд по Kafka для Начинающих За 1 Час

Лучший Гайд по Kafka для Начинающих За 1 Час

Google NotebookLM Mastery: Use Free Google AI System Like a Pro (2026)

Google NotebookLM Mastery: Use Free Google AI System Like a Pro (2026)

Что такое Rest API (http)? Soap? GraphQL? Websockets? RPC (gRPC, tRPC). Клиент - сервер. Вся теория

Что такое Rest API (http)? Soap? GraphQL? Websockets? RPC (gRPC, tRPC). Клиент - сервер. Вся теория

1 A.M Study Session 📚 [lofi hip hop]

1 A.M Study Session 📚 [lofi hip hop]

Преломление и «замедление» света | По мотивам лекции Ричарда Фейнмана

Преломление и «замедление» света | По мотивам лекции Ричарда Фейнмана

© 2025 ycliper. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: [email protected]