Difference between revisions of "SA VIEW"

From Wiki4Intranet
Jump to: navigation, search
(Видеоокно в VIEW .-.)
 
(5 intermediate revisions by the same user not shown)
Line 7: Line 7:
 
== Видеоверстка .-. ==
 
== Видеоверстка .-. ==
  
;Нужно пройти:
+
;{{@|Нужно пройти}}:
 
* [[SA INIT]]
 
* [[SA INIT]]
 
* [[SA SYNC]]
 
* [[SA SYNC]]
  
;Научимся делать видеоверстку!
+
;Научимся делать {{!|видеоверстку}}!
* Файл с единым «видеоокном» и звуковой дорожкой
+
* Единое «видеоокно» и звуковая дорожка
* Можно публиковать в любом xxx-tube видеохостинге
+
* Публикуемо в любом xxx-tube видеохостинге
* Видео, которое можно смотреть везде (планшеты, смартфоны, TV).
+
* Можно смотреть везде: планшеты, смартфоны, TV.
  
 
==  Сначала .-. ==
 
==  Сначала .-. ==
Line 23: Line 23:
 
См. [[SA INIT]], [[SA SYNC]]
 
См. [[SA INIT]], [[SA SYNC]]
  
 +
 +
== Новые концепты .-. ==
 +
 +
;VIEWS: Вид/План. Верстка видеопотоков в единый момент времени
 +
;SCENARIO: Сценарий. Последовательность переключения
 +
* планов,
 +
* источников звука.
 +
 +
[[File:Идея SeminarAssembler.svg|center|800px]]
 +
 +
== Принцип WYSIWYM .-. ==
 +
 +
<blockquote>
 +
What You See Is What You Mean
 +
</blockquote>
 +
 +
[[File:Wysiwym.svg|center|800px]]
 +
 +
== VIEWS .-. ==
 +
 +
* Совершенно стандартные [[rupedia:SVG|SVG]]-файлы
 +
* Лежат в подкаталоге <tt>views</tt> (необязательно)
 +
* Редактируются с помощью [[rupedia:Inkscape|Inkscape]]
 +
* В них можно задавать размещение видеоокон
 +
 +
== [[RuPedia:Inkscape|Inkscape]] .-. ==
 +
 +
[[File:Inkscape Logo.svg|right|256px]]
 +
 +
* http://inkscape.org/
 +
* Самый популярный векторный графический редактор.
 +
** Open-source.
 +
** Не уступает Adobe Illustrator.
 +
** [[RuPedia:SVG|SVG]] — нативный формат документов.
 +
 +
* Стандартной документации достаточно.
 +
* Вершины мастерства → [http://nostarch.com/inkscape.htm The Book of Inkscape]
 +
 +
----
 +
* Установите его, если вы еще не.
 +
 +
== Inkscape: очень полезные hotkeys .-. ==
 +
 +
;Ctrl-D: Свойства документа.
 +
* «Формат холста» (1280×720 или 800×600 и т.п.).
 +
* Все, что за пределами холста — не видно. Можно хранить всякое «на полях».
 +
 +
;Ctrl-O: Свойства объекта. См. «видеоокно».
 +
 +
;Ctrl-S: Сохранить.
 +
 +
== Видеоокно в VIEW .-. ==
 +
 +
[[File:Свойства видеоокна в VIEW.svg|right|256px]]
 +
 +
* Обычный прямоугольник, у которого
 +
<source lang="python">
 +
if label.endswith(".avs"):
 +
</source>
 +
 +
;Label: относительный путь к AVS.
 +
;Description: опциональные фильтры.
  
 
== Обучающее Задача .-. ==
 
== Обучающее Задача .-. ==

Latest revision as of 23:05, 20 November 2012

Title

«SA VIEW»
Author
Stas Fomin
Subfooter

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

-->

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

Нужно пройти
Научимся делать видеоверстку!
  • Единое «видеоокно» и звуковая дорожка
  • Публикуемо в любом 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
опциональные фильтры.

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

Берем запись

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

Делаем:

  • «Матрешку»


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

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

Название
  • советую начинать с даты в формате 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-публикуется на файл-сервере.
  • Ссылки на отрывки с вики-системы.