вторник, 16 апреля 2013 г.

Самый простой аудио-плеер для вашего сайта или блога.

Привет, ребята!
Для оформления вашего сайта или блога музыкальным сопровождением рекомендую, пожалуй, самый компактный, лаконичный и удобный этот функциональный аудио-плеер. Вот его код для вставки и внешний вид:

<audio id="player" src="https://psv4.vk.me/c422820/u144531159/audios/8d8478636222.mp3"></audio>
<div>
 <button onclick="document.getElementById('player').play()">пуск</button>
 <button onclick="document.getElementById('player').pause()">пауза</button>
 <button onclick="document.getElementById('player').volume+=0.1">громче</button>
 <button onclick="document.getElementById('player').volume-=0.1">тише</button>
</div> 



  • Ссылка, выделенная зеленым цветом - это источник аудио файла.
  • Расположение кнопок управления плеером, а также названия кнопок, которые я выделил желтым цветом вы можете изменять по своему вкусу.
Заметьте, что вставлять в свои сообщения можно не только музыкальные произведения, но также и аудио-анекдоты, книги или записанные вами самими файлы. Если у кого появятся затруднения с поиском ссылок на mp3 файлы - пишите в комментариях и я вам либо сам найду конкретный звуковой файл или научу как его "извлечь" из музыкального хранилища. Ну а поскольку мы тут говорим про музыку, то предлагаю вам невероятный способ её извлечения - взгляните, послушайте и улыбнитесь!..

Комментариев нет:

Отправить комментарий