SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Member
    Join Date
    Jun 2008
    Posts
    8
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Walk out video / Video Spokes Models

    More and more websites are starting to add either spokes models or sales people in video to their websites. I'm talking about the videos filmed with a green screen and when the model walks out the background is transparent you can see the website behind them.

    Here are a few examples:
    I can't post links...
    So Google and you'll see what I mean.
    Rovion is one company doing this. And, ISpeakVideo.com

    I have the capability to video. I can also get models. What I don't have is a set of step by step instructions.

    Before I spend a lot of time dissecting the scripts and code behind one of these web sites reinvent the wheel.

    I'm wondering if anyone knows of a tutorial or a guide out there with coding instructions?

  2. #2
    SitePoint Member
    Join Date
    Jul 2008
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    NathaneH
    Today 09:37
    NathaneH
    Hi, cjaquess!

    Im in the same boat, have you had any luck yet ? i've been hunting for 2 days and cant find a way yet... if you have any links please post, i shall do the same...

    i found this at videospokesmodel com/howitworks/[/url] i cant paste any sites , wont allow me



    THANKS!


    Nathan, eH?

  3. #3
    SitePoint Member
    Join Date
    Jun 2008
    Posts
    8
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'm still looking - just not as vigorously...

  4. #4
    SitePoint Member
    Join Date
    Jul 2008
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thanks for the reply.....im getting closer to the solution...google "Alpha Video and HTML: How did they do that?" some helpful info.

  5. #5
    SitePoint Member
    Join Date
    Jul 2008
    Posts
    17
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Here are the steps to follow...

    GETTING RID OF THE GREEN SCREEN:
    Use a software like aftereffects and key the screen color out.

    EXPORTING THE VIDEO:
    Export the video in quicktime or avi including the alpha channel

    ENCODING:
    Re-encode the video using the flash video encoder including the alpha channel.

    THE FLASH FILE:
    Create a simple flash video player with auto play or what ever functions you want and call the video.

    HTML FILE:
    Embed the flash .swf file inside a DIV, make sure you use wmode=transparent when embedding.

  6. #6
    SitePoint Member
    Join Date
    Jun 2008
    Posts
    8
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ah, yes. I found some resources mentioning use of wmode=transparent. I just needed that extra bit that allowed the model to walk across the screen's contents. And I see from what you found this gives the CSS to do it.

    Thanks so much for sharing NathaneH


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •