Optimizator Field – блог веб разработчика » флеш

Флеш против IE. Побеждает SWFObject!

YoYurec — Thu, 24 Jan 2008 12:07:17 +0000

После того, как Microsoft объявила (опять же), что они изменили способ обработки плагинов в Internet Explorer у веб-разработчиков добавилось проблем. Заключается она в том, что при вставке applet, object, или embed в HTML документ плагин не допустит взаимодействия с пользователем до тех пор, пока пользователь не нажмёт на него :(.

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

Итак…

SWFObject это небольшой Javascript файл, используемый для максимально лёгкой и валидной вставки флеш. Он помогает обойти дурацкую «защиту» в IE, работает во всех основных браузерах, дружит с поисковиками, вобщем мастхэв! Взгляните на демо-страничку скрипта.

В использовании предельно прост – подключаем файл swfobject.js и добавляем в код странички примерно такое:

 type="text/javascript" src="swfobject.js">>
 
 id="flashcontent">
  This text is replaced by the Flash movie.
>
 
 type="text/javascript">
   var so = new SWFObject("movie.swf", "mymovie", "400", "200", "8", "#336699");
   so.write("flashcontent");
>

Рассмотрим подробней каждую строчку кода:

[...]

Именно этот блок, будет заменён на ваш флеш контент, а текстовое содердимое ([...]) увидят поисковики(!!!).

Создаём флеш обьект:

var so = new SWFObject(swf, id, width, height, version, 
background-color [, quality, xiRedirectUrl, redirectUrl, detectKey]);

Где параметры:

swf – путь к вашему swf файлу.
id – ID тега object или embed
width -ширина.
height – высота.
version – необходимая для проигрывания установленная версия флеш плагина.
background-color – шестнадцатиричное значение цвета фона.
quality – качество ролика, по умолчанию «high».

Непосредственно сама вставка флеш контента:
so.write("flashcontent");

Рассмотрим пример с дополнительными параметрами и использованием переменных:

<script type="text/javascript">
   var so = new SWFObject("movie.swf", "mymovie", "400", "100%", "8", "#336699");
   so.addParam("quality", "low");
   so.addParam("wmode", "transparent");
   so.addVariable("variable1", "value1");
   so.addVariable("variable2", "value2");
   so.addVariable("variable3", getQueryParamValue("variable3"));
   so.addVariable("variable4", getQueryParamValue("variable4"));
   so.write("flashcontent");
script>

Указываем «низкое» качество проигрывания:

so.addParam("quality", "low");

Обязательно используйте для избежания проблем при наложении флеш поверх выпадающего меню:
so.addParam("wmode", "transparent");

Указываем значения нужных переменных:

so.addVariable("variable1", "value1");
so.addVariable("variable2", "value2");

Передаём переменные из строки запроса (http://www.example.com/page.html?variable3=value3&variable4=value4):

so.addVariable("variable3", getQueryParamValue("variable3"));
so.addVariable("variable4", getQueryParamValue("variable4"));

Вот и всё! Пользуйтесь на здоровье!

Вставляем простой flash mp3 плеер на сайт

YoYurec — Fri, 28 Dec 2007 14:04:44 +0000

Для пользователей WordPress есть замечательный плагин Audio Player (там же рассказано о его разукрашивании). А что же делать если понадобилось вставить плеер на обычном сайте?

Для начала скачать архив с плагином последней версии и распаковать из него 2 файла: player.swf и audio-player.js. Затем создаём на сервере папку «audio«, куда и заливаем файлы плеера и нужнуые mp3шки (например music.mp3).

Вставляем в

 language="JavaScript" src="/audio/audio-player.js">>

А в нужном месте код плеера и готово!

 type="application/x-shockwave-flash" data="/audio/player.swf" id="audioplayer1" height="24" width="290">
 name="movie" value="/audio/player.swf">
> name="FlashVars" value="playerID=1&soundFile=/audio/music.mp3">
> name="quality" value="high">
> name="menu" value="false">
> name="wmode" value="transparent">
>>

И не забудьте поменять пути к файлам на свои! Если же понадобилось вставить несколько плееров, то доолнительно поменяйте в новом коде id=»audioplayer1″ и value=»playerID=1 на 2, 3, 4…

Эта заметка мой вольный перевод с аглицкого.

Emergent Task Timer

YoYurec — Tue, 31 Oct 2006 12:47:18 +0000

Флеш-приложение для таймменеджмента!

Совсем недавно именно в комментариях читатели (а конкретно Gato — страна должна знать своих героев) посоветовали мне программу Emergent Task Timer, отслеживающую время. Гениально простая, написанная на flash, она каждые пятнадцать минут производит звуковую «отбивку» и предлагает ответить на вопрос: чем его величество пользователь в ближайшие четверь часа планирует заняться? Ответив на данный вопрос 32 раза подряд (при восьмичасовом рабочем дне) вы автоматически получаете достоверную информацию о своих временных затратах. Читать далее на блоге автора…

Или почитайте оригинал на аглицком.