Интеграция медиа

В этом разделе описаны способы интеграции видео, аудио, изображений в записи на Wmmail.ru и некоторые другие технологии

Для аудио и видео существуют специальные теги (BB), для изображений интеграция идет с помощью любого HTML тега


Аудио

Для вставки аудио используйте тег [audio]
Есть 3 варианта использования тега:

  1. [audio=url]title[/audio]
  2. [audio=url]
  3. [audio]url[/audio]
В первом варианте будет отображаться название трека title, в двух других нет.

Вот пример использования тега:
[audio=http://wallmaker.ru/tmp/you_cant_save_me.mp3]Richie Kotzen - You Can't Save Me[/audio]

Следует отметить, что ссылка должна быть на аудиофайл, а не на страницу скачивания.
Загружать аудио можно на аудиохостинги (проверялось на ucoz.ru, box.iptel.by, Вконтакте).


Видео

С видео все намного проще. Однако, вставлять видеофайлы можно только с видеохостинга YouTube.com.

Использование тега [video]:
[video]url[/video]

Пример:
[video]http://www.youtube.com/watch?v=otdEhyGrujQ[/video]

В качестве параметра url используется обыкновенная ссылка на видео.

Если хотите чтобы видео запускалось автоматически при посещении страницы, добавьте в конец ссылки параметр &autoplay=1.

Пример: [video]http://www.youtube.com/watch?v=otdEhyGrujQ&autoplay=1[/video]


Изображения

Для изображений не существует специального тега. Интеграция происходит по средствам любого разрешенного HTML тега (мы будем использовать font).

Что нам потребуется для написания кода:

  1. Ссылка на изображение (url);
  2. ширина (width);
  3. высота (heght).
Ссылка (url) не должна содержать первых 5 символов (http:). То есть должна начинаться с //.
Затем подставляем эти параметры в приведенный ниже код:

Пример:

Если хотите выровнять изображение по центру, уберите параметр width (в примере это width:434px;)
Так же как и с аудио, в качестве ссылки подойдет только ссылка на само изображение, а не на страницу с ним.

Есть 2 сервиса для помощи с интеграцией изображений:

Рекомендуемые хостинги для загрузки изображений: mepic.ru, radikal.ru

P.S.: В разделе Дневники пользователей разрешен HTML тег IMG.
P.S.S.: В заданиях отсутствует поддержка тега font, поэтому используйте b, i или u.


Спойлер

Спойлером называют скрывающийся (или показывающийся) объект (текст, картинка и т.д.).

На WMmail.ru это BB тег [spoiler=title]content[/spoiler],
где title это заголовок, а content это содержание (текст, аудио, видео, картинка или любой HTML-тег).

Пример использования:
[spoiler=Халява в беседке][video]http://www.youtube.com/watch?v=FIDk-TNtoe8[/video][/spoiler]