» »

Красивый плеер MP3 на HTML5 для сайта

Красивый плеер MP3 на HTML5 для сайта

Стильно созданный MP3 плеер, который можно поставить на свой сайт и он отлично будет смотреться на любом дизайн и проигрывать мелодий. Он создан на HTML5, где также присутствует jQuery, но и безусловно стили CSS3. Здесь не говорится, что можно поставить на музыкальную тематику и слушать песни или мелодий онлайн, это все на поверхности, что под эту тематику его создавали. Но также можно поставить на совершенно другую тему. Здесь вы сами ставите песню, если нужно изменить изображение, то оно просто редактируется при смени ссылки.

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

Примерно так по ширине можно поставить.

Стильный плеер на музыкальный сайт

Если разобрать код, то он так будет смотреться, это ставить там, где хотите видеть плеер.

Код
<div class="audio-player">
<h1>Музыка zornet.ru</h1>
<img class="cover" src="http://zornet.ru/zorner_ru_1/Abter/cover.jpg" alt="">
<audio id="audio-player" src="http://zornet.ru/zorner_ru_1/Abter/demo.mp3" type="audio/mp3" controls="controls"></audio>
</div>


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

Вы можете посмотреть демонстрацию и визуально оценить и так же поработать над функциями.
29.06.2017 Загрузок: 16 Просмотров: 1073 Комментарий: (2)

Поделиться в социальных сетях

Материал разместил

Комментарий: 2
Scheme
Scheme 01.07.2017 03:131
0
Радио бы такое, а здесь под одну ссылку на рассказ точно.
klaviaturovich96
klaviaturovich96 14.07.2017 02:322
0
Шикарно вполне то что искал)
avatar