SA VIEW

From Wiki4Intranet
Jump to: navigation, search
Title

«SA VIEW»
Author
Stas Fomin
Subfooter

Stas Fomin, 23:05, 20 November 2012
<--

Видео в HD-качестве, смотрите в полноэкранном режиме.

HTML-код включения <iframe src="http://player.vimeo.com/video/800?byline=0&portrait=0" width="500" height="{{{3}}}" frameborder="0"></iframe>

Скачать видео c помощью savevid.com

-->

Видеоверстка .-.

Нужно пройти
Научимся делать видеоверстку!
  • Единое «видеоокно» и звуковая дорожка
  • Публикуемо в любом xxx-tube видеохостинге
  • Можно смотреть везде: планшеты, смартфоны, TV.

Сначала .-.

  • Создаем файл проекта.
  • Размещаем медиафайлы по папкам
  • Синхронизуем потоки

См. SA INIT, SA SYNC


Новые концепты .-.

VIEWS
Вид/План. Верстка видеопотоков в единый момент времени
SCENARIO
Сценарий. Последовательность переключения
  • планов,
  • источников звука.
Идея SeminarAssembler.svg

Принцип WYSIWYM .-.

What You See Is What You Mean

Wysiwym.svg

VIEWS .-.

  • Совершенно стандартные SVG-файлы
  • Лежат в подкаталоге views (необязательно)
  • Редактируются с помощью Inkscape
  • В них можно задавать размещение видеоокон

Inkscape .-.

Inkscape Logo.svg
  • http://inkscape.org/
  • Самый популярный векторный графический редактор.
    • Open-source.
    • Не уступает Adobe Illustrator.
    • SVG — нативный формат документов.
  • Стандартной документации достаточно.
  • Вершины мастерства → The Book of Inkscape

  • Установите его, если вы еще не.

Inkscape: очень полезные hotkeys .-.

Ctrl-D
Свойства документа.
  • «Формат холста» (1280×720 или 800×600 и т.п.).
  • Все, что за пределами холста — не видно. Можно хранить всякое «на полях».
Ctrl-O
Свойства объекта. См. «видеоокно».
Ctrl-S
Сохранить.

Видеоокно в VIEW .-.

Свойства видеоокна в VIEW.svg
  • Обычный прямоугольник, у которого
if label.endswith(".avs"):
Label
относительный путь к AVS.
Description
опциональные фильтры.

Обучающее Задача .-.

Берем запись

  • с камеры
  • скринкаст

Делаем:

  • «Матрешку»


Исходники .-.

Видео в HD-качестве, смотрите в полноэкранном режиме.

HTML-код включения <iframe src="http://player.vimeo.com/video/48092671?byline=0&portrait=0" width="320" height="200" frameborder="0"></iframe>

Скачать видео c помощью savevid.com

Видео в HD-качестве, смотрите в полноэкранном режиме.

HTML-код включения <iframe src="http://player.vimeo.com/video/48092718?byline=0&portrait=0" width="320" height="200" frameborder="0"></iframe>

Скачать видео c помощью savevid.com

Папка проекта .-.

Название
  • советую начинать с даты в формате YYYY-MM-DD
  • без русского и пробелов. Kirillica eta nekulturno
2012-08-08-test-seminar
    • иначе рано или поздно → проблемы

В папке проекта

sa init

План .-.

[svg]

Синхронизация через просмотр

sources/cam1 .-.

Подгоним скринкаст под камеру!

Просмотрим файл с камерой:

sa view sa-sample-camera.avi

  • Найдите какое-нибудь событие на экране
  • Листание:
Грубое
SHIFT←→, PgUp/PgDown, таймлайн.
Точное
←→
  • CTRL-G: «Go-To Frame»
  • CTRL-A/CTRL-Cвремя в клипборд

sources/screen1 .-.

start_time.py
вписываем время из клипборда
their_time_ms = ut.time2ms('0:00')

Просмотрим скринкаст, время того же события в клипборд

sa v sa-sample-screencast.avi
start_time.py
вписываем время
 my_time_ms = ut.time2ms('0:00')

SA BUILD .-.

В папке scenes, запустить

sa b 2012-08-08-test.uncut.mkv


  • Заняться своими делами.

Когда закончит, проверить, что 2012-08-08-test.uncut.mkv — играется, и каналы синхронны.

См. http://wiki.4intra.net/Matroska4seminars-stas-fomin

ВСЕ! .-.

Этого достаточно:

  • Монтировать 95% внутрикомпанейских видео.
  • MKV-публикуется на файл-сервере.
  • Ссылки на отрывки с вики-системы.