Любовь Воропаева (lvoropaeva) wrote,
Любовь Воропаева
lvoropaeva

Category:

КАК ВСТАВИТЬ ФЛЕШ В ЖЖ?

Меня давно интересовал вопрос: Как вставить флеш в ЖЖ? Вот, нашла...Может, и вам пригодится)))


* * *


Недавно я заморочился тем, как правильно вставлять флешки в жж. Точнее, как вставлять, чтоб он их показывал. Притом, именно свои. Со сторонними плеерами все понятно. Если есть кнопка "Embed" или "Code", значит все уже придумано до нас. Просто копируем код оттуда и вставляем в запись, в режиме редактирования HTML.

А что, если вам надо вставить свою флешку, со своего сайта, ну или с любого другого, но на котором нету кнопки для вставки кода в блог.
Поискав в гугле на эту тему, ничего особо нужного не нашел, поэтому решил придумать сам. (Из того, что нашел)


Итак, чтобы вставить флешку, адрес которой вы знаете, достаточно такого кода:

<object width="640" height="380">
<param name="movie" value="http://antory.ru/lj/vinni.swf" />
<param name="wmode" value="transparent" />
<embed
src="http://antory.ru/lj/vinni.swf"
type="application/x-shockwave-flash"
width="640"
height="380"
wmode="transparent"
allowScriptAccess="never"
/>
</object>

Теперь, что почем:
object width - ширина флешки;
height - высота;

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

param name="movie" value="http://" - тут нас интересует параметр value. В его значение надо подставить путь к вашей флешке, притом, полный. С "http://www"
param name="wmode" value="transparent" - тут тоже важен параметр value. Он может принимать значения "transparent" или "opaque". Это прозрачность вашей флешки. Да, они бывают прозрачные, то есть, без фона. Впрочем, если флешка имеет строго прямоугольную форму и вы знаете, что она непрозрачная, всю эту строку можно просто игнорировать.

Далее, код, практически повторяется. Я не знаю точно, почему, но тем не менее...
В нем нас интересует 4 параметра. Первый - путь до флешки. Он должен быть идентичным ранее прописанному, размеры и прозрачность. Как видите, значения тут записываются немного иначе, но сами они такие-же, как в предыдущем случае.

Дальше - больше.

Теперь я захотел вставить свое видео, со своего же сайта. Сделать это немного сложнее, поскольку нужен плеер и, собственно, видео, в формате FLV. Этот формат является самым распространенным на сегодняшний день для видео в сети, поскольку легко воспроизводится различными flash-плеерами. Нужно найти конвертер для этого формата и после конвертирования, закачать его на свой сайт.
А где взять плеер? Я пользуюсь плеером "JW FLV Media Player". Очень удобная и бесплатная вещь. Он умеет не только показывать видео, но и играть музыку по плейлистам и всяко показывать картинки. Вам нужно закачать файл плеера на сайт.. ну и все. Можно писать код. А код такой:

<object width="640" height="380">
<embed
src="http://mysite.com/flvplayer.swf"
width="640"
height="380"
allowscriptaccess="always"
allowfullscreen="true"
flashvars="file=http://mysite.com/video/video.flv&autostart=true"
/> </object>

Тут, практически, все, как и в предыдущем примере, надо правильно все написать и подставить нужные параметры. Однако, есть и отличия:
src=http://mysite.com/flvplayer.swf - это путь к вашему видеоплееру. Он, естественно, должен быть полный.
Далее, размеры. Тут не все просто. Вам нужно к высоте вашего видео прибавить 20 пикселей, потому что снизу будет полоса прокрутки с органами управления плеером. Если этого не сделать, плеер сам вставит свои органы, но сожмет видео на 20 пикселей по высоте, ну и по ширине, соответственно. Притом, размер этот надо сделать таким-же и в строчке object.
allowscriptaccess="always" - или "never". Этот параметр отвечает за разрешение к обращению к скриптам, позволяющим вставлять flash-объекты. Я проверял оба параметра в жж - оба они работают, видимо это критично для вставки на веб-страницы. На сайте "JW FLV Media Player" написано об этом.
allowfullscreen="true" - или "false" - соответственно, разрешает или запрещает полноэкранный режим для плеера.
flashvars="file=http://..." - Вот это самое интересное. Это параметры для плеера. Их может быть много, гораздо больше, чем тут написано. Все параметры вводятся внутри кавычек и через значок амперсанда "&". Из обязательных параметров тут нужно только имя файла, которое вводится следующим образом: file=http://итакдалее.flv
Об остальных параметрах можно прочитать на том-же сайте, если интересно. Вот пример строки параметров flashvars:
flashvars="file=http://antory.ru/video/video/teapot.flv&autostart=true&bufferlength=20&backcolor=0x000000&frontcolor=0xCCCCCC&lightcolor=0x557722"
Здесь сначала присваивается имя видеофайла, "autostart=true" - автоматический запуск воспроизведения, "bufferlength=20" - предварительная загрузка 20 секунд ролика до начала воспроизведения, остальные параметры определяют цвет органов управления плеера.

А если песню?

Для песен, в принципе, есть свои плеера. Например Windows Media Player, который устанавливается в качестве плагина к Internet Explorer и другим браузерам. Есть еще QuickTime Player, если у вас установлен QuickTime. Он тоже подключается к браузеру, как плагин, который можно установить и отдельно.

Вот так вставить песню в жж при помощи медиаплеера:

<embed
allowscriptaccess="never"
src="http://mysite.com/song.mp3
"
width="320"
height="72"
autostart="false"
loop="true"
type="application/x-mplayer2"
pluginspage="http://microsoft.com/windows/mediaplayer/en/download/
"
displaysize="4"
autosize="-1"
bgcolor="darkblue"
showcontrols="true"
showtracker="-1"
showdisplay="0"
showstatusbar="-1"
videoborder3d="-1"
designtimesp="5311">
</embed>

Тут нам интересен размер, в параметрах "width" и "height", "autostart" и "loop". Ах, да! Имя песни, в параметре "src". Вот и все. Остальные параметры я не изучал, если интересно, сходите, наверное, в гугль.

QuickTime плеер вставляется точно так-же, за исключением одной цифры, в одном параметре. Параметр этот такой:
type="application/x-mplayer2"
В нем надо заменить "x-mplayer2" на "x-mplayer".

Возвращаясь к нашему JW плееру, с его помощью тоже можно воспроизводить музыку. Не буду опять вдаваться в подробности, параметры тут почти такие-же, что и для видео, приведу просто пример:

<object width="500" height="20">
<embed
src="http://mysite.ru/flvplayer.swf
"
width="500"
height="20"
allowscriptaccess="always"
allowfullscreen="true"
flashvars="file=http://mysite.ru/music/song.mp3"
/> </object>


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

И последнее. После того, как вы вставили код в пост и опубликовали его, если вы захотите потом отредактировать код, он будет изменен сервером, так что лучше вставлять его заново, предварительно сохранив в текстовом файле.

Удачи!
url
Tags: livejournal
Subscribe
Buy for 30 tokens
Buy promo for minimal price.
  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

  • 12 comments