• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Удобный блоггинг для начинающих #7
 

Удобный блоггинг для начинающих #7

on

  • 3,082 views

 

Statistics

Views

Total Views
3,082
Views on SlideShare
1,126
Embed Views
1,956

Actions

Likes
0
Downloads
2
Comments
0

5 Embeds 1,956

http://vdasus.com 1921
http://l.lj-toys.com 18
http://lj-toys.com 13
http://hghltd.yandex.net 3
http://webcache.googleusercontent.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Удобный блоггинг для начинающих #7 Удобный блоггинг для начинающих #7 Presentation Transcript

    • Удобный блоггинг для начинающих(Урок 7)
      VDas.livejournal.com © 2009 presents
      Вставляем аудио и видео
    • Как вставить аудио и видео
      Ну, во-первых, не будем заморачиваться умными словами «новые тэги html5» и прочими
      Во-вторых, рассмотрим пару самых широко распространённых вариантов
      В третьих, поймём, что всё просто 
    • Что такое видео в вашей страничке?
      Видео – это фильм или клип. Просто сам по себе это файл. Он есть, мы можем его скачать и посмотреть у себя на компьютере через любой плейер.
      Но для того, чтобы показать этот самый файл на вашей странице в ЖЖ (или большинстве других сетей) – тоже нужен плейер.
    • Плейер на страничке
      Мы не знаем какие плейеры установлены у других пользователей компьютеров. Поэтому пока проблема решается просто:
      Вы свой фильм или клип или видеоролик заливаете на какой-нибудь сервис, который имеет свой собственный плейер и умеет проигрывать видео. Например youtube…
    • Как самим заливать видео?
      В принципе это очень просто, но мало кому надо. Поэтому сделаю отдельный урок по запросу.
      Сейчас научимся вставлять в свой блог чье-то чужое, уже выложенное на сервисе видео.
      Если непонятно – просто читайте дальше.
    • Что такое видео с точки зрения html
      Это просто указание «встроить» в страничку плейер, в который уже вложено указание какое видео ему играть. В общем случае код выглядит вот так (пример с youtube):
      <object width="560" height="340"><paramname="movie" value="http://www.youtube.com/v/VgmXrARr6aI&hl=en_US&fs=1&"></param><paramname="allowFullScreen" value="true"></param><paramname="allowscriptaccess" value="always"></param><embedsrc="http://www.youtube.com/v/VgmXrARr6aI&hl=en_US&fs=1&" type="application/x-shockwave-flash"allowscriptaccess="always" allowfullscreen="true" width="560" height="340"></embed></object>
    • Что за код? (ничего запоминать не надо!)
      <objectwidth="560" height="340"><paramname="movie" value="http://www.youtube.com/v/VgmXrARr6aI&hl=en_US&fs=1&"></param><paramname="allowFullScreen" value="true"></param><paramname="allowscriptaccess" value="always"></param><embedsrc="http://www.youtube.com/v/VgmXrARr6aI&hl=en_US&fs=1&" type="application/x-shockwave-flash"allowscriptaccess="always" allowfullscreen="true" width="560" height="340"></embed></object>
      Объект плейера
      Какого размера на странице
      Что играть (какой фильм)
      Для … других бровзеров, копия
      Остальное просто дополнительный параметры… Разрешить ли открывать на весь экран и т.д.
    • Зачем всё это было написано
      Да вообщем-то“низачем”. Просто чтобы вы на глаз могли легко найти ссылку на видео…
      Т.е. около понравившегося видео ищите слова object, embed, share,link, код, ссылка
      Большего вам знать и разбираться в этих всех кодах не потребуется. Как правило большинство сервисов (плееров) дают готовый код для вставки в блог.
    • Итак смотрим ролик на youtube
    • Ролик на youtube
      Сразу видим знакомое слово embed (встроить) и код, с уже знакомыми словами <object> …
      Для большинства блогов достаточно просто скопировать полностью всю эту строку в тело нового поста и мы увидим в блоге видео ролик…
      Обратите внимание, что надо копировать ВСЮ строку… Чтобы в ней, как минимум, в конце было закрытие начального object - </object>
    • В жж?
      В жж то же самое, только в начале и конце РЕКОМЕНДУЕТСЯ добавить тэги
      <lj-embed></lj-embed>
      Т.е. тот код со страницы youtubeпревратится в:
      <lj-embed><object width="560" height="340"><paramname="movie" value="http://www.youtube.com/v/VgmXrARr6aI&hl=en_US&fs=1&"></param><paramname="allowFullScreen" value="true"></param><paramname="allowscriptaccess" value="always"></param><embedsrc="http://www.youtube.com/v/VgmXrARr6aI&hl=en_US&fs=1&" type="application/x-shockwave-flash"allowscriptaccess="always" allowfullscreen="true" width="560" height="340"></embed></object></lj-embed>
    • И как это в посте?
    • И после опубликования
    • Теперь допустим вы нашли ролик в ленте
      Обратите внимание на вот эту кнопочку внизу ролика:
    • Увидели знауомые слова? 
      Копируем эту строку ЦЕЛИКОМ! И выкладываем у себя в посте… (не забывая добавить <lj-embed>…</lj-embed>
      И всё…
    • Попробуем то-же на rutube
    • Ссылка и код
      Заметили знакомые слова? Копируем и наслаждаемся 
    • Надеюсь суть ясна…
      Теперь что с аудио… Да то же самое!
      Нужен какой-то плейер, который позволяет вставлять себя в страницы…
    • Например сервис http://audme.ru/
      Заходим, регистрируемся…
    • Нашли песню… смотрим…
    • Нашли знакомые слова?
      Вставляем и наслаждаемся…
      <lj-embed><object width="290" height="24"><paramname="movie" value="http://audme.ru/sharedfiles/swf/out/player3.swf" /><paramname="flashVars" 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" /><paramname="wmode" value="transparent" /><embedsrc="http://audme.ru/sharedfiles/swf/out/player3.swf" type="application/x-shockwave-flash" width="290" height="24" wmode="transparent" flashVars="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" /></object> </lj-embed>
    • В следующем уроке
      Как выложить СВОЙ видеоролик или песню…
      Не знаю… Пишите о чём вам интересно…
      Ваши предложения…
      Здесь могла бы быть реклама того, кто предоставит какой- нибудь приз читателям этого блога…