Embedding

[D Ash]

Нашёл способ вкладывать в посты не только флэшки, но и непосредственно страницы. Скажем, можно в эпиграф встроить Google Translate или ленту избранного. Или форму добавления новой записи. Или какую-нибудь свою страницу. Что угодно, в общем.

---

Итак, начнём. Во-первых - это не совсем просто. Нет, не сложно, но нужно какое-то время, чтобы разобраться, особенно если с кодингом вы не знакомы. Во-вторых. Что потребуется. А потребуется Flash. Подойдёт и какая-нибудь старая версия (скажем, Flash MX2004), но даже оно весит 60 mb, а это надо качать, устанавливать и т.п., чем заниматься захочет далеко не каждый, разумеется. Стоит ли оно потраченных времени и сил? Вам решать. А я просто подробно распишу, что и как делать.

1. Установите Dropbox, зарегестрируйтесь в системе. Почему именно Dropbox? Потому, что он даёт прямые ссылки на файлы. К тому же, очень удобный и не нервирует рекламой.


2. Если хотите вложить какой-то свой файл (html страницу), скопируйте его в My Documents\My Dropbox\Public (или в другую дирректорию, если вы меняли настройки), подождите, пока он закачается, нажмите на него правой клавишей и выберите Dropbox -> Copy Public Link.


3. Установите Flash. Как я и сказал, подойдёт почти любая версия. Почти - т.к. не тестил с более ранними, чем MX2004 (т.е. со студиями, где использовался старый ActionScript 1.0 (в сравнении с AS2 и AS3 в последующих)), возможно, там чуть-чуть другой синтаксис (хотя, насколько я помню, нужный нам оператор тот же). Но от флэша нам понадобится всего одна строка кода, так что и это не суть важно. Этот пример создан в Adobe Flash CS4.


4. Создайте новый документ типа Flash Document (если у вас поздняя версяя студии (с поддержкой AS3), выберите Flash File (ActionScript 2.0), нам его вполне хватит).


5. Откройте окно Modify -> Document, измените значения в полях Dimensions на 1 px - визуальная составляющая нам не понадобится.


6. Откройте окно Window -> Actions, выберите Layer 1 : Frame 1 в меню слева.


7. В правой части окна впишите:
   
   getURL('http://www.google.com/','_self');
   
   Вместо ссылки на гугл здесь должна быть страница, которую вы хотите вложить. Если это предварительно закинутый на Dropbox файл - вставьте ссылку на него (как её получить описано в пункте 2). Важно! Ссылка должна быть полной, т.е. начинаться с http://.


8. Закройте Actions, выберите File -> Export -> Export Movie, сохраните полученную флэшку в My Documents\My Dropbox\Public (или в другую дирректорию, если вы меняли настройки). Если при сохранении программа предложит какие-то вариации, можете оставить всё по умолчанию и проследовать далее. После сохранения, подождите, пока файл закачается на сервер, нажмите на него правой клавишей и выберите Dropbox -> Copy Public Link. Откройте блокнот и вставьте ссылку туда, чтобы не потерять.


9. Теперь можете переходить непосредственно к редактированию поста. Вставьте следующий код:
   
   
   <div align="center">
     <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="YourWidth" height="YourHeight">
       <param name="movie" value="YourSwf" ></param>
       <param name="wmode" value="transparent"></param><param name="allowScriptAccess" value="never">
       <embed src="YourSwf" type="application/x-shockwave-flash" wmode="transparent" width="YourWidth" height="YourHeight" AllowScriptAccess="never"></embed>
     </object>
   </div>


10. Замените оба YourWidth на желаемую ширину окна, оба YourHeight на желаемую высоту окна и оба YourSwf на ссылку, которую вы сохранили в пункте 8.


11. Можете наслаждаться результатом. ^_^
    А пример, который делал я, чуть ниже.

example

запись создана: 11.02.2011 в 08:54

Вопрос: Мануал писать?

1. Да.		314	(96.62%)
2. Нет.		11	(3.38%)
Всего:		325

@темы: Вставка медиа-объектов, Дневник, Редактирование записи, Оформление дневника, Вставка видео, Вставка музыки, Эпиграф, Новая запись

Comments

[Тайя.]

Уф, сколько букв, сразу и не воткнешь сходу. Но идея, безусловно, интересная!

[deadbird]

фцитатнег!

[Kotan]

Честно говоря, из-за этого поста страница избранного автоматически переходит на страницу гугла, помогает только мгновенная остановка загрузки

[D Ash]

Kotan
Хмм... Странно.
У вас ведь тэг more настроен на загрузку всего сразу, да? Тогда у вас проблема исчезнет, если поставить тэг more на динамическую загрузку содержимого, но вот почему осуществляется переход всей страницы, а не айфрейма, и как это исправить... А каким браузером вы пользуетесь?

Души Романтиков, deadbird
Рад, что вам понравилось.

[D Ash]

Перемещаю пример сюда, чтобы никого не дёргать.

example

По поводу скроллинга, адресной строки и вообще имитации браузера в браузере - идея у меня есть, реализую на днях.

[Kotan]

D Ash
да, загружает все сразу, так удобнее
пользуюсь гугл хром, может как раз в нем и дело и с другими страницами такого не будет происходить

[D Ash]

Kotan
Я тоже из-под Хрома сижу, у меня такой проблемы нет. Хм... Надо думать.

[faelita]

У меня файерфокс и вроде ничего никуда не переходит

Спасибо за пост!!

[D Ash]

faelita
Рад, что вам понравилось. )

[тимоха-ха-ха]

И я рада.Хоть для меня и не понятно ничего(в сущности не о том речь).Вы у меня в избранном почему-то. Раз вы разрешили свои вопросы,наверное это хорошо.Простите за этот пост,я пытаюсь понять

[melmari]

не подскажете, что делать, если флэшка получается обрезанной?
больше 700 px дайри не хочет проставлять в коде, но иначе она слишком маленькая или обрезанная наполовину.
очень нужна помощь!

[Drunken seafarer]

Эм, а где пример? У меня просто белая область.

[D Ash]

Да, лавку закрыли. -_-

[Guns linger]

не слабый туториал. был. да...
собственно в связи с ним)

D Ash, сможете подсказать как к флешкам прикручивать ссылки, чтобы использовать их как банер или кнопку?

[alhames]

Guns linger, во флешку ссылка как правило передается через flash vars, либо зашивается непосредственно в саму флешку.
Все остальные случаи - костыли =)

[Guns linger]

alhames, она предусматривает вставку ссылки, вставляю не идет переход.
Понимаю что где-то косяк, но где)

Сможете код посмотреть?
или я не адресу?)

[alhames]

Guns linger, ну киньте - гляну. Но боюсь скорее всего проблема во флешке =)

[Guns linger]

alhames, Спасибо)

ну вот код:

 <object type="application/x-shockwave-flash" height="70" width="200" data="http://agitki.ru/_ld/11/1150_button.swf"><param name="movie" value="http://agitki.ru/_ld/11/1150_button.swf" /><param name="wmode" value="transparent" />
 <param name="allowScriptAccess" value="always" /><param name="flashvars"value="&in_title=Gilds&&url=http://agitki.ru/load/osnovnoj_razdel/1&"/> </object>

по идее за место

http://agitki.ru/load/osnovnoj_razdel/1

должна вставляться ссылка. Скажем на дневник тут. Вставляю - не переходит)

[alhames]

А куда вставляете то? На дайри?

[Guns linger]

ага) ссылкой на сообщество надо

http://ujustdoit.diary.ru/

[alhames]

Guns linger, ну, это же дайри - что вы хотели? Тут каждый вставленный символ парсится )
object вставляется через iframe - быть может средство безопасности или еще что - но суть в том что из-за этого и не работает.

Я бы вам советовал не заниматься ерундой, а вставить обычной картинкой, если хочется сделать красиво )

[Guns linger]

alhames, так флешки бывают разные и все на фотошопе не соберешь)
но спасибо за потраченное время)