Новый плеер!
Как встроить видео и аудио на сайт? Как вставить видео проигрыватель? FLV и MP3 плееры для сайта скачать бесплатно!

← Модель для сборки

FAQ

Как формируется HTML-код?

HTML-код, генерируемый нашим сервисом, содержит все параметры плеера, настраиваемые через интерфейс. Параметры можно исправлять вручную прямо в HTML. Также следует разобраться в параметрах при интеграции плеера в CMS. Расшифруем построчно (обратите внимание на дублирование параметров, чтобы плеер корректно работал во всех браузерах):

<OBJECT width="400" height="60">
Размеры плеера. Соотношение сторон должно быть 20 (ширина):3 (высота).

<PARAM NAME="movie" VALUE=http://yoursite.com/ump3player_500?70.swf />
Абсолютная или относительная ссылка на файл плеера.

<param name="wmode" VALUE="transparent" />
Включается прозрачный фон для флеш-ролика.

<param name=FlashVars value="way=http://yoursite.com/sample.mp3&swf=http://yoursite.com/ump3player_500x70.swf&w=400&h=60&
time_seconds=164&autoplay=0&skin=white&volume=70&comment=Название
" />

Настройки плеера (следуют через & в формате параметр=значение):

  • way — путь к файлу flv;
  • swf — путь к файлу плеера;
  • w — ширина плеера (дублируется из тега object);
  • h — высота плеера (дублируется из тега object);
  • time_seconds — время mp3-файла в секундах;
  • autoplay — плеер начинает играть сразу (1) или ждет, пока нажмут на Play (0) — рекомендуется;
  • skin — цветовая схема плеера или скин (адрес скина);
  • volume — стартовый уровень звука (потом пользователь настраивает сам на свое усмотрение) — 0-100;
  • comment - пояснительная надпись (название ролика) во время заставки;
    Обязательные параметры — way и time_seconds.

<embed src=http://yoursite.com/ump3player_500?70.swf wmode="transparent" type="application/x-shockwave-flash" flashvars="way=http://yoursite.com/sample.mp3&swf=http://yoursite.com/ump3player_500x70.swf&w=400&h=60&
time_seconds=164&autoplay=0&skin=white&volume=70&comment=Название
" width="400" height="60" /></embed>

Здесь дублируются параметры
путь к файлу плеера swf — scr
настройки плеера — flashvars
ширина плеера — width
высота плеера — height

</OBJECT>


Как вставить плеер с помощью JavaScript (swfObject)?

Наиболее правильным способом вставки плеера на страницу сайта является способ интеграции с помощью JavaScript. Этот способ помогает, например, избавиться от необходимости активировать флеш кликом в некоторых бразуерах (IE Eolas Update). Также существует возможность легко создавать альтернативный контент, если у пользователя не установлен Flash.

Наиболее популярное решение для интеграции флеш-роликов на JavaScript — SwfObject (подробнее на русском). Обратите внимание на правильную передачу переменных flashvars, в которых передаются настройки плеера.


Вроде все делаю правильно, но на моем хостинге mp3-файл не хочет проирываться в плеере. Зависает в самом начале.

Возможно, все дело в хостинге. Проверьте файл .htaccess. Может быть, там есть строка со списком разрешенных файлов. Например, такая:

AddType application/x-httpd-php .php .htm .html .phtml

В этом случае, нужно разрешить запуск mp3 и swf файлов добавлением новой строки:

Addtype application/x-shockwave-flash .mp3 .swf


Прочтите, пожалуйста, ответы на интересующие вопросы и ,
если решить проблему не удалось.