• Jquery
  • Статьи
  • Полезное
  • Jquery окна
  • Формы jquery
  • Jquery галерея
  • Слайдер jquery
  • Jquery таблицы
  • Jquery tabs
  • Jquery tooltip
  • Jquery календарь
  • Accordion jquery
  • Jquery сортировка
  • Jquery графики
  • Zoom jquery

Статьи / Установка простого аудиоплеера на сайт

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

Итак, первое, что требуется сделать, это подключить плагин с плеером.

<script language="JavaScript" src="script/audio-player.js"></script>
<object type="application/x-shockwave-flash" data="script/player.swf" id="audioplayer1" height="24" width="290">
<param name="movie" value="script/player.swf">
<param name="FlashVars" value="playerID=1&soundFile=audio/test.mp3">
<param name="quality" value="high">
<param name="menu" value="false">
<param name="wmode" value="transparent">
</object>

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

После того как пути прописаны, есть еще несколько параметров. Параметр quality отвечает за качество воспроизводимого файла, по умолчанию используется high. При изменении параметра menu на true, можно будет вызвать меню флешки, нажав правой кнопкой мыши по плееру.

Ну, вот и все урок окончен. Все очень просто и банально, но вдруг новичкам пригодиться.

Хороший пример реализации показан на сайте - магазин китайских телефонов.

Похожие статьи:

  • Автосохранение данных, введенных в поля формы
  • Cookie в Jquery
  • Анонимность в сети или что же такое vpn?
  • Что такое CMS или система управления контентом?
  • Что такое HTML5
  • Как минимализировать дизайн и не потерпеть неудачу?

Комментарии


Заголовок комментария:
Ваш ник:
Ваш e-mail:
Текст комментария:
Введите текст на картинке
Создание интернет сайтов
  • Jquery
  • Статьи
  • Полезное
© 2010