Удобный блоггинг для начинающих (Урок 7) VDas.livejournal.com © 2009 presents

Содержание

Слайд 2

КАК ВСТАВИТЬ АУДИО И ВИДЕО Ну, во-первых, не будем заморачиваться умными

КАК ВСТАВИТЬ АУДИО И ВИДЕО

Ну, во-первых, не будем заморачиваться умными словами

«новые тэги html5» и прочими
Во-вторых, рассмотрим пару самых широко распространённых вариантов
В третьих, поймём, что всё просто ☺
Слайд 3

ЧТО ТАКОЕ ВИДЕО В ВАШЕЙ СТРАНИЧКЕ? Видео – это фильм или

ЧТО ТАКОЕ ВИДЕО В ВАШЕЙ СТРАНИЧКЕ?

Видео – это фильм или клип.

Просто сам по себе это файл. Он есть, мы можем его скачать и посмотреть у себя на компьютере через любой плейер.
Но для того, чтобы показать этот самый файл на вашей странице в ЖЖ (или большинстве других сетей) – тоже нужен плейер.
Слайд 4

ПЛЕЙЕР НА СТРАНИЧКЕ Мы не знаем какие плейеры установлены у других

ПЛЕЙЕР НА СТРАНИЧКЕ

Мы не знаем какие плейеры установлены у других пользователей

компьютеров. Поэтому пока проблема решается просто:
Вы свой фильм или клип или видеоролик заливаете на какой-нибудь сервис, который имеет свой собственный плейер и умеет проигрывать видео. Например youtube…
Слайд 5

КАК САМИМ ЗАЛИВАТЬ ВИДЕО? В принципе это очень просто, но мало

КАК САМИМ ЗАЛИВАТЬ ВИДЕО?

В принципе это очень просто, но мало кому

надо. Поэтому сделаю отдельный урок по запросу.
Сейчас научимся вставлять в свой блог чье-то чужое, уже выложенное на сервисе видео.
Если непонятно – просто читайте дальше.
Слайд 6

ЧТО ТАКОЕ ВИДЕО С ТОЧКИ ЗРЕНИЯ HTML Это просто указание «встроить»

ЧТО ТАКОЕ ВИДЕО С ТОЧКИ ЗРЕНИЯ HTML

Это просто указание «встроить» в

страничку плейер, в который уже вложено указание какое видео ему играть. В общем случае код выглядит вот так (пример с youtube):

Слайд 7

ЧТО ЗА КОД? (НИЧЕГО ЗАПОМИНАТЬ НЕ НАДО!) Объект плейера Какого размера

ЧТО ЗА КОД? (НИЧЕГО ЗАПОМИНАТЬ НЕ НАДО!)

name="allowFullScreen" value="true">

Объект плейера
Какого размера на странице
Что играть (какой фильм)
Для … других бровзеров, копия
Остальное просто дополнительный параметры… Разрешить ли открывать на весь экран и т.д.

Слайд 8

ЗАЧЕМ ВСЁ ЭТО БЫЛО НАПИСАНО Да вообщем-то “низачем”. Просто чтобы вы

ЗАЧЕМ ВСЁ ЭТО БЫЛО НАПИСАНО

Да вообщем-то “низачем”. Просто чтобы вы на

глаз могли легко найти ссылку на видео…
Т.е. около понравившегося видео ищите слова object, embed, share, link, код, ссылка
Большего вам знать и разбираться в этих всех кодах не потребуется. Как правило большинство сервисов (плееров) дают готовый код для вставки в блог.
Слайд 9

ИТАК СМОТРИМ РОЛИК НА YOUTUBE

ИТАК СМОТРИМ РОЛИК НА YOUTUBE

Слайд 10

РОЛИК НА YOUTUBE Сразу видим знакомое слово embed (встроить) и код,

РОЛИК НА YOUTUBE

Сразу видим знакомое слово embed (встроить) и код, с

уже знакомыми словами
Для большинства блогов достаточно просто скопировать полностью всю эту строку в тело нового поста и мы увидим в блоге видео ролик…
Обратите внимание, что надо копировать ВСЮ строку… Чтобы в ней, как минимум, в конце было закрытие начального object -

Слайд 11

В ЖЖ? В жж то же самое, только в начале и

В ЖЖ?

В жж то же самое, только в начале и конце

РЕКОМЕНДУЕТСЯ добавить тэги

Т.е. тот код со страницы youtube превратится в:

Слайд 12

И КАК ЭТО В ПОСТЕ?

И КАК ЭТО В ПОСТЕ?

Слайд 13

И ПОСЛЕ ОПУБЛИКОВАНИЯ

И ПОСЛЕ ОПУБЛИКОВАНИЯ

Слайд 14

ТЕПЕРЬ ДОПУСТИМ ВЫ НАШЛИ РОЛИК В ЛЕНТЕ Обратите внимание на вот эту кнопочку внизу ролика:

ТЕПЕРЬ ДОПУСТИМ ВЫ НАШЛИ РОЛИК В ЛЕНТЕ

Обратите внимание на вот эту

кнопочку внизу ролика:
Слайд 15

УВИДЕЛИ ЗНАУОМЫЕ СЛОВА? ☺ Копируем эту строку ЦЕЛИКОМ! И выкладываем у

УВИДЕЛИ ЗНАУОМЫЕ СЛОВА? ☺

Копируем эту строку ЦЕЛИКОМ! И выкладываем у себя

в посте… (не забывая добавить
И всё…
Слайд 16

ПОПРОБУЕМ ТО-ЖЕ НА RUTUBE

ПОПРОБУЕМ ТО-ЖЕ НА RUTUBE

Слайд 17

ССЫЛКА И КОД Заметили знакомые слова? Копируем и наслаждаемся ☺

ССЫЛКА И КОД

Заметили знакомые слова? Копируем и наслаждаемся ☺

Слайд 18

НАДЕЮСЬ СУТЬ ЯСНА… Теперь что с аудио… Да то же самое!

НАДЕЮСЬ СУТЬ ЯСНА…

Теперь что с аудио… Да то же самое!
Нужен какой-то

плейер, который позволяет вставлять себя в страницы…
Слайд 19

НАПРИМЕР СЕРВИС HTTP://AUDME.RU/ Заходим, регистрируемся…

НАПРИМЕР СЕРВИС HTTP://AUDME.RU/

Заходим, регистрируемся…

Слайд 20

НАШЛИ ПЕСНЮ… СМОТРИМ…

НАШЛИ ПЕСНЮ… СМОТРИМ…

Слайд 21

НАШЛИ ЗНАКОМЫЕ СЛОВА? Вставляем и наслаждаемся…

НАШЛИ ЗНАКОМЫЕ СЛОВА?

Вставляем и наслаждаемся…
value="soundFile=http://out2.audme.ru/mp3rm/4543/21637023/92e24755bcf7/dur:185/enct:%D0%A2%D1%80%D0%B8%20%D0%BC%D1%83%D1%88%D0%BA%D0%B5%D1%82%D0%B5%D1%80%D0%B0%20%E2%80%94%20%D0%9F%D0%BE%D1%80%D0%B0-%D0%BF%D0%BE%D1%80%D0%B0%20%D0%BF%D0%BE%D1%80%D0%B0%D0%B4%D1%83%D0%B5%D0%BC%D1%81%D1%8F%20%D0%BD%D0%B0%20%D1%81%D0%B2%D0%BE%D0%B5%D0%BC%20%D0%B2%D0%B5%D0%BA%D1%83&titles=%D0%A2%D1%80%D0%B8%20%D0%BC%D1%83%D1%88%D0%BA%D0%B5%D1%82%D0%B5%D1%80%D0%B0%20%E2%80%94%20%D0%9F%D0%BE%D1%80%D0%B0-%D0%BF%D0%BE%D1%80%D0%B0%20%D0%BF%D0%BE%D1%80%D0%B0%D0%B4%D1%83%D0%B5%D0%BC%D1%81%D1%8F%20%D0%BD%D0%B0%20%D1%81%D0%B2%D0%BE%D0%B5%D0%BC%20%D0%B2%D0%B5%D0%BA%D1%83" />