← Форум | MP3-плеер → |
SWFObject — это самое распространенное решение для публикации flash-файлов с помощью JavaScript. От классического способа с помощью HTML, динамический способ публикации через JavaScript имеет серьезные преимущества:
- можно легко контролировать наличие flash-плеера нужной версии от Adobe на сайте пользователя, а также включать автоматическую экспресс-инсталяцию плеера, если он устарел или его вовсе нет;
- если произошла ошибка исполнения страницы, у посетителя выключен JavaScript, либо не установлен flash-плеер, вместо флеша можно показывать альтернативный контент;
- динамический способ публикации устраняет неприятный момент активации flash-роликов кликом мыши в некоторых браузерах (IE Eolas Update);
- публиковать с помощью SWFObject очень просто.
Пример:
Нужно скачать последнюю версию SWFObject (нужен файл swfobject.js и expressInstall.swf, если вы хотите использовать экспресс-инсталяцию flash-плеера в случае его отсутствия).
Создадим файл html следующего содержания (курсивом указаны примечания):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd>
<html xmlns=http://www.w3.org/1999/xhtml lang="en" xml:lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="swfobject.js"></script>
<!-- Здесь мы включили в документ SWFObject -->
<script type="text/javascript">
var flashvars = {way:"http://yoursite.com/sample.mp3", swf:"http://yoursite.com/ump3player.swf", w:"470", h:"70",skin:"red", time_seconds:"164", autoplay:"0", q:"0", volume:"70", comment:"Название"};
// Здесь мы перечислили параметры flashvars настройки плеера
var params = {wmode:"transparent"};
// Здесь мы указали в параметрах прозрачный фон flash-ролика
var attributes = {id:"uplayer_mp3",name:"uplayer_mp3"};
// Здесь мы указали в атрибутах идентификатор и имя объекта в документе
swfobject.embedSWF("http://yoursite.com/ump3player.swf", "uplayer_mp3", "470", "70", "8.0.0", "http://yoursite.com/expressInstall.swf", flashvars, params, attributes);
// Здесь мы запустили SWFObject для публикации flash-ролика в формате: путь к файлу, id блока для публикации, ширина, высота, минимальная версия flash-плеера, путь к файлу экспресс-инсталяции, flashvars переменные, params параметры, attributes атрибуты
</script>
</head>
<body>
<div id=uplayer_mp3>
<a href=http://www.adobe.com/go/getflashplayer>
<img src=http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif alt="Get Adobe Flash player" />
</a>
</div>
<!-- Здесь мы создали блок (div), где будет размещен наш плеер (id указывается в строке запуска SWFObject).
Внутри этого блока размещается альтернативный контент, который пользователь увидит, если у него нет flash-плеера или его версия ниже той, которую мы указали в строке запуска SWFObject -->
</body>
</html>
| Ссылка на пост (cмотрели 1700) | 28.12.07 12:41 Ответить |
| 1 | Все конечно замечательно, но не у каждого ведь есть желание и возможность обьявлять параметры и переменные в заголовке html документа… допустим что пользователю на каждую из страниц нужно вставить определенный плеер для кажой страницы файлы которые он будет проигрывать разные.. естественно ему прийдется динамически генерить все параметры перед загрузкой страницы… (ответить) |
Рассылка обновлений
