• ↓
  • ↑
  • ⇑
 
Записи с темой: вставка медиа-объектов (список заголовков)
11:21 

Вставка видео из Facebook

quirischa
администратор
(с капибарой на аватарке)
Update от 9.06.2016:

Теперь код видео можно взять здесь:


* * *

Update от 19.04.2016:

Фейсбук поменял код вставки, но он тоже работает. Обратите внимание, что в коде видео уже установлены высота и ширина (width="560" height="315"), так что никаких дополнительных действий делать не нужно.

* * *

Для того, чтобы вставить видео из Фейсбука, нужно выполнить ряд простых действий:

1. Перейти на страницу с видео, например: www.facebook.com/capybarabook/videos/8124238021...

2. Нажать на ссылку "Embed video" (Вставить видео):



3. Скопировать предлагаемый код для вставки:



читать дальше
запись создана: 22.08.2015 в 13:35

@темы: Вставка видео, Вставка медиа-объектов

12:35 

JavaScript

D Ash
Embrace your dreams and prove your honor...
      
Вот и добрались.
      

      
На самом деле, учитывая написанное выше, идея проста и очевидна. Но не идеальна.
      
Пишем пост в виде HTML с CSS и JS, закидываем его на Dropbox и вписываем в страницу, используя этот гайд. Одно но - вам придётся либо высчитать высоту поста (подогнать её уже после публикации, как вариант), или создать внутри вашего html внешний контейнер (начинающийся сразу после начала body и заканчивающийся непосредственно перед его концом) с параметром overflow:auto (<div style="overflow:auto">ваш текст</div>) - чтобы появились скроллы, если содержимое превысит указанные вами размеры объекта.
      

      
Минус идеи в том, что ни JS, ни CSS не будут работать вне вашего кода, вне фрейма. Так что польза сомнительна, хоть и есть, наверное.
      

      
Я использовал у себя в эпиграфе.

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

11:36 

Embedding #2

D Ash
Embrace your dreams and prove your honor...
Существенное упрощение идеи, предложенной здесь. Написал вариант флэшки, в которую можно передавать адрес страницы, которую необходимо загрузить. Итак, если вы хотите встроить какую-либо страницу в пост дайри, используйте следующий код:


<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="yourWIDTH" height="yourHEIGHT"> <param name="movie" value="http://dl.dropbox.com/u/10130237/flashRedirect.swf" ></param> <param name="wmode" value="transparent"></param> <param name="flashvars" value="pageHref=yourPAGE"> <embed src="http://dl.dropbox.com/u/10130237/flashRedirect.swf" type="application/x-shockwave-flash" wmode="transparent" width="yourWIDTH" height="yourHEIGHT" AllowScriptAccess="never" flashvars="pageHref=yourPAGE"></embed> </object>


В коде yourWIDTH замените на желаемую ширину блока, yourHEIGHT на высоту и yourPAGE непосредственно на ссылку на страницу. Ссылка должна быть валидной.

Внимание! Перед тем, как вставлять ссылку, убедитесь, что она валидная. Идеально - воспользуйтесь методом, указанном здесь. Закиньте вашу ссылку в поиск и возьмите в полученном запросе всё, что после ?q=. Вот это значение и вставляйте.

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

00:14 

YouTube + fullscreen

D Ash
Embrace your dreams and prove your honor...
Т.е. как сделать, чтобы выложенное видео можно было разворачивать на полный экран. Но скажу сразу, здесь надо постараться.




Итак, нам понадобится Dropbox... и Flash, да.


  1. Установите Dropbox, зарегестрируйтесь в системе.

  2. Создайте текстовый файл, назовите его, измените разрешение на html (например: ffv13.html).

  3. Откройте его в текстовом редакторе, вставьте следующий код:
    <html>
    <head>
    <style>
    body {
         padding:0px;
         margin:0px;
    }
    </style>
    </head>
    <body>
     YOUTUBE
    </body>
    </html>

  4. Замените в коде YOUTUBE на код вложения вашего видео (тот, что получаете на самом youtube'е или в аналогичном сервисе). Сохраните его.

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

  6. Используя этот гайд создайте флэшку, указывающую на ваш html, и вложите её в пост. При указании высоты и ширины объекта пользуйтесь значениями, которые вам дал youtube.

  7. Готово. Поздравляю, вы только что опубликовали видео, которое можно смотреть в режиме полного экрана.




Вопрос: Мануал писать?
1. Да.  64  (84.21%)
2. Нет.  12  (15.79%)
Всего: 76

@темы: Вставка видео, Вставка медиа-объектов, Вставка музыки, Новая запись

13:55 

Embedding

D Ash
Embrace your dreams and prove your honor...
Нашёл способ вкладывать в посты не только флэшки, но и непосредственно страницы. Скажем, можно в эпиграф встроить 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. Можете наслаждаться результатом. ^_^
    А пример, который делал я, чуть ниже.



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

Вопрос: Мануал писать?
1. Да.  314  (96.62%)
2. Нет.  11  (3.38%)
Всего: 325

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

23:48 

lock Доступ к записи ограничен

администратор
(с капибарой на аватарке)
Закрытая запись, не предназначенная для публичного просмотра

00:25 

Можно ли адаптировать этот код?

Smai-LA
When in doubt, relax, turn off your mind, float downstream. ©
Обращаюсь к профессионалам HTML - можно ли как-то адаптировать этот код для дайри? это Сbox - мини-чат для сайтов.
Код1


код2


код 3



Очень хочу вставить его на сообществе, но пока безуспешно. Можно ли это как-то сделать? Или может есть какие-то другие чаты, подходящие для дайри?
Заранее спасибо)

@темы: Javasсript, Вставка медиа-объектов, Кодировка

14:44 

Плееры для diary

01:17 

Легкий способ вставить невставляемый флеш

quirischa
администратор
(с капибарой на аватарке)
Легкий способ вставить невставляемый флеш

Сразу предпреждаю, что может работать не всегда, но уж если работает — то работает!

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

Вы вставляете данный код:



...и у вас, натурально, ничего не работает. Проницательный читатель, наверное, уже догадался, в чем тут дело, а для непроницательного я поясню: некоторые html-тэги, из которых состоит вставляемый код, обязательно требуют наличия закрывающегося тэга (типа такого: </blah>). Поэтому, если к предложенному сервером коду добавить закрывающий тэг </embed>:



...то вставляемый html-код станет исключительно правильным и вставится без всяких дальнейших проблем.


@темы: Вставка медиа-объектов, Теги оформления записи

14:12 

all you have to decide is what to do with the time that is given to you
06.03.2009 в 21:06
Пишет Aloria:

Заливка музыкальных файлов на сторонние ресурсы

После закрытия на сайте muzicons.com возможности заливать музыкальные файлы со своего компьютера на их сервер и вставлять их плеер в свои посты у многих пользователей возникла проблема: а что же теперь делать?
Лично я вижу две возможности:
1. Заливать свои музыкальные файлы на какой-нибудь сторонний хостинг и пользоваться по-прежнему сайтом muzicons.com
2. Пользоваться другим аналогичным сервисом.
Из таковых лично мне пока известен только один - www.divshare.com

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

Имеющиеся на данный момент ссылки:
1. www.divshare.com
2. prostopleer.com - нужна регистрация,
3. www.imeem.com - нужна регистрация
4. www.esnips.com — там надо регистрироваться, зато дают 5 Гб на аудио и видео.
5. www.mediafire.com/index.php - Нужна регистрация. Запутанная система ссылок. Если файл защищён авторским правом - снять галочку защиты - и можно запихивать в плеер. Каждое действие требует подтверждения.
6. www.privet.ru/ - что-то вроде соц.сети, там необходима регистрация, после которой можно создавать фото, аудио альбомы, общаться в сообществах и пр.
7.www.drop.io - заливаем туда песню. (как это делается, смотрим вкартинках здесь)Потом открываем muzicons.com и в поле копируем получившийся URL адрес.
8. www.goear.com - регистрируйтесь, заливайте музыку или ищите композицию с помощью поиска
9. www.tumblr.com - после регистрации разрешается в 1 день добавлять 1 песню весом до 10 мбайт, только МР3
10. www.jetune.ru/ - (работает не очень стабильно)
11. www.myflashfetish.com - Можно заливать до 5-ти гигабайт, хорошая система поиска и много вариантов плееров/ так же возможно оформлять видео
12. www.mixpod.com/ - почти точная копия www.myflashfetish.com
13. файл с известного www.youtube.com/ тоже можно превратить в мини-плеер с музыкой. как это делается. см. дискуссию
14. www.esnips.com - бесплатно даётся 5 Гб. Но имеются определённые тонкости при создании кода (подробности здесь)
15. www.7not.net - находим нужную композицию или грузим свою, нажимаем на ссылку "установить такой плеер себе" и получаем код.
16. www.dropbox.com - бесплатно даётся 2 Гб. Можно установить программу, тогда появится возможностьрасшаривает на компе папочку, и загружать композиции на сайт без браузера.


www.fileden.com - сервис для хранения аудиофайлов с прямыми ссылками на ваши файлы.
www.mixr.ru - сайт где много музыки он-лайн. код для вставки в блог прилагается к песне.
www.weborama.ru - русский интерфейс. находите песню, копируете готовый код.

вечные Яндекс и Youtube тоже можно использовать.

(заглядыйвайте в комментарии к этой записи, чтобы увидеть примеры внешнего вида плееров)

@темы: Вставка музыки, Вставка медиа-объектов, Полезные сторонние сервисы

22:38 

Тексты любимых песен

Я задыхаюсь, мне все теснее с каждым годом. Я широко раскрыл глаза, но не могу найти свободу.
Сайт Megalyrics.ru предлагает еще одно оригинальное решение по размещению текстов любимых песен.
В архивах сайта, как говорят его создатели, храните свыше четырехсот тысяч песен. Глядишь, среди них и попадется что-то ваше любимое?

Положим, мне очень нравится песня "Что такое осень" группы ДДТ.
С помощью поиска вы вбиваете либо название группы, либо название искомой песни - и вам предлагается список, где вы с большой вероятностью находите то, что вам нужно. Проходите по ссылке, ведущей на нужную песню - и ее текст с маленьким проигрывателем и, вероятно, даже клипом на нее (если он вообще был снят) - перед вами.
А теперь - внимание! Справа от текста находится коричневато-бежевое окошко, в котором (батюшки!) степенно, в виде титров, пробегает текст этой самой песни.
Следующий шаг - жмете на кнопку "Нажми тут", легким движением руки настраиваете свой текстовый проигрыватель (цвета, прозрачность, есть возможность вставить фоновую картинку, чтобы она уж наверняка подошла к вашему дизайну) - и вставляете в свой дневник. Можно даже сопроводить его музыкальным проигрывателем (об этом я писала вот тут).
Итак, хотите картинку - копируете в соответствующее поле ее url, не хотите - не копируете.

Вот что у меня получилось.

Пользуйтесь, пожалуйста. :)

Не-навсегда, не-ваша - Фирин.

@темы: Вставка медиа-объектов, Полезные сторонние сервисы

12:27 

Вставка музыки в запись, в эпиграф, куда угодно!

Я задыхаюсь, мне все теснее с каждым годом. Я широко раскрыл глаза, но не могу найти свободу.
У каждого из нас есть любимые песни и мелодии, которыми страшно хочется поделиться со всеми остальными! Но как это сделать? Скачать песню не каждый захочет, вот если бы можно было слушать музыку непосредственно в дневнике…

Есть в сети немало сервисов, предоставляющих плееры для выкладывания музыки в блогах и на своих страничках. Самый, пожалуй, известный из них – это www.boomp3.com/. О том, как пользоваться этим плеером, очень подробно и пошагово рассказано вот здесь, поэтому лишние слова я говорить не буду, просто покажу, как будет выглядеть такой вот плеер.
Он серый с синим, маленький и вполне себе симпатичный. Но осторожно: его частенько плющит и музыка не проигрывается.
Готовый плеер выглядит вот так:


Есть еще один сервис, называется Музикон (www.muzicons.ru/). Этот имеет самые большие возможности по настройке внешнего вида плеера. Выберите цвет, иконку, даже размер музикона! Кроме того, он имеет небольшие размеры и сам по себе очень даже хорош.
Здесь все понятно интуитивно. Тем не менее, считаю нужным объяснить, что и как вставляется.
Делается сие в пять шагов.
1. Выбор иконки. Иконки есть стандартные (в виде смайлов) и есть другие (сердечки, звездочки, канабисы, пивные кружки)… Ими можно выразить настроение, обрисовать тематику песни, да и просто, украсить немножко плеер.
2. Музыка. Тут все тоже очень просто. Жмем на «Обзор», выбираем свой файл и смирно ждем, пока он загрузится. Грузится он не сразу, товарищам с медленным соединением придется подождать.
3. Внешний вид. Здесь, переставляя галочку, выберите свой плеер: надпись ли на нем будет, либо полоса прокрутки, либо на нем не будет вообще ничего? Обратите внимание: то, что у вас получилось, отображается справа, под надписью «Результат».
4. И цвет! Красный, синий, зеленый, даже черный! Уж под свой дневник вы точно подберете музикон, не так ли? Палитра из двадцати четырех цветов – этого более, чем достаточно.
5. Вставка плеера в дневник – это самый важный момент. Справа, в «Результате» вы видите свой музикон, под ним – два кода. Чтобы плеер действительно работал, используйте «html-код». Скопируйте его полностью и вставьте, куда хотите – хоть в эпиграф, хоть в записи, хоть в комментарии.
Музикон у меня вот такой получился.


У меня все.

@темы: Вставка медиа-объектов, Вставка музыки, Полезные сторонние сервисы

@Дневники: секреты, тонкости и хитрости

главная