Красивый плеер 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 и поставить скрипт на той странице, где выводить будите. И останется вот как раз этот код, что ставим там где вам нужно, это также может быть ауди урок или даже рассказ, смотря какое тематическое направление. Вы можете посмотреть демонстрацию и визуально оценить и так же поработать над функциями. |
Поделиться в социальных сетях
Материал разместил
Комментарии: 7 | |
| |