Dynamisk indhold der matcher video!

Ganske ambitiøst - med nogle lign. projekter forude. Tutorials der får dig igennem fra start til slut, tror jeg ikke, at du kan finde.
Selve image upload får du nok ikke problemer med, og resten drejer sig om bl.a. trackpoints som du kan søge lidt omkring (eks. Mocha and AE) http://www.youtube.com/watch?v=ic41oNXILXs, samt hvorledes
de får det ind i en livestream.
De benytter givetvis en streamingleverandør, og kan se, at de endvidere bruger både gskinner ColorMatrix
samt Sandy distortImage, så der er sikkert tale om en slags overlay mv. jvnf. deres xml:

- <frame num="1651">
  <blur>2,2</blur> 
  <vingette>4</vingette> 
  <color>13,-30,-70,-5</color> 
  <rgb>0,0,-6</rgb> 
  <scene>scene1</scene> 
  <fade>false</fade> 
  </frame>
- <frame num="1964">
  <blur>2,2</blur> 
  <vingette>0</vingette> 
  <color>0,20,-60,0</color> 
  <rgb>-6,0,0</rgb> 
  <scene>scene2</scene> 
  <fade>false</fade> 
  </frame>
- <frame num="2082">
  <blur>0,0</blur> 
  <vingette>0</vingette> 
  <color>27,-22,-35,0</color> 
  <rgb>-13,-6,0</rgb> 
  <scene>scene3</scene> 
  <fade>false</fade> 
  </frame>
+ <frame num="2157">
  <blur>2,2</blur> 
  <vingette>2</vingette> 
  <color>5,-40,-62,0</color> 
  <rgb>0,6,0</rgb> 
  <scene>scene4</scene> 
  <fade>false</fade> 
  </frame>
- <frame num="2318">
  <blur>2,2</blur> 
  <vingette>0</vingette> 
  <color>-27,-2,-52,-7</color> 
  <rgb>13,0,-19</rgb> 
  <scene>scene5</scene> 
  <fade>false</fade> 
  </frame>
- <frame num="2390">
  <blur>2,2</blur> 
  <vingette>0</vingette> 
  <color>8,5,-70,-37</color> 
  <rgb>13,0,-19</rgb> 
  <scene>scene5</scene> 
  <fade>false</fade> 
  </frame>
- <frame num="2944">
  <blur>3,3</blur> 
  <vingette>8</vingette> 
  <color>43,-47,-57,0</color> 
  <rgb>-13,-13,-13</rgb> 
  <scene>scene7</scene> 
  <fade>false</fade> 
  </frame>
- <frame num="3003">
  <blur>2,3</blur> 
  <vingette>0</vingette> 
  <color>45,-62,-55,0</color> 
  <rgb>0,0,0</rgb> 
  <scene>scene8</scene> 
  <fade>false</fade> 
  </frame>

Du må se, om du kan komme lidt videre derfra, og good luck with that

Selve teknikken i det er rimelig nemt
http://www.adobe.com/devnet/flash/articles/atv_personalized_video.html

Og her http://www.rubenswieringa.com/blog/distortimage kan du finde noget kode som hjælper med at mappe dit billedet til et overflade.
Så skal du bare i aftereffects tracke 4 punkter, eksportere som XML og opdatere de fire punkter i en onenterframe.

/Dennis

Hey, jeg kommer lige og blander mig

Blev nysgerrig og prøvede selv at lave et lille eksempel: Eksempel

Det var faktisk overraskende simpelt

Mvh Jakob

Yes - cool eksemple.

heh ja det sgu overraskende simpelt...! troede det krævede noget mere, men egentligt ikke!
Og når man i forvejen arbejder rigtig meget med AE er det jo lige at gå til!

Hej Jakob,

Kan jeg ikke få lov til at se din kode... jeg er kørt fuldstændig fast i det...

Mvh.
Morten

Hejsa Morten

Jeg ligger filerne op her

Du skal huske at hente 'DistortImage -klassen' som der linkes til længere oppe på siden.
Billedet har jeg i library'et med class-navnet 'TheImage'

Hvis det driller så må du endeligt skrive

Mvh
Jakob

Hej Jakob,

Tusind tak... så faldt brikkerne på plads...

Mvh.
Morten

Super, at det kom til at virke

Dynamisk indhold der matcher video!

10 kommentarer