Back to the Basics - Video Nick Kwiatkowski Michigan Flex Users Group
Welcome to Back to the Basics <ul><li>Part II of the series. </li></ul><ul><ul><li>November’s recording is on our website ...
About Video <ul><li>As you probably already know, video is a big thing on the web </li></ul><ul><ul><li>80% + of video ser...
About Video <ul><li>Video Formats </li></ul><ul><ul><li>The Flash player knows of three basic video formats: </li></ul></u...
Encoding Video <ul><li>In order to serve any type of video, you need to encode it to be ready for the web. </li></ul><ul><...
ENCODING A VIDEO
Serving the Video <ul><li>Local Disk Access </li></ul><ul><ul><li>Simply include the FLV or MP4 video in your project.  Ea...
Serving the Video <ul><li>Flash Media Server </li></ul><ul><ul><li>Very expensive, but allows for really neat setups.  Liv...
Metadata <ul><li>Video producers can include additional metadata in video.  You can read these things! </li></ul><ul><ul><...
Making the App <ul><li>Design the UI </li></ul><ul><ul><li>List for video selection </li></ul></ul><ul><ul><li>3 Buttons (...
Making the App <ul><li>Implement the Metadata and variables </li></ul><ul><li>Write ActionScript to connect it all up! </l...
LETS GET INTO THE CODE!
Upcoming SlideShare
Loading in …5
×

Handouts - PPT Download (402 kb)

394 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
394
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Handouts - PPT Download (402 kb)

  1. 1. Back to the Basics - Video Nick Kwiatkowski Michigan Flex Users Group
  2. 2. Welcome to Back to the Basics <ul><li>Part II of the series. </li></ul><ul><ul><li>November’s recording is on our website at http://www.theFlexGroup.org </li></ul></ul><ul><ul><li>This month’s recording (assuming everything records OK) will also be available on our site </li></ul></ul><ul><li>This month we will be focusing on writing a simple video app </li></ul><ul><ul><li>Stream videos from a server using HTTP </li></ul></ul><ul><ul><li>“ Jukebox” like interface. </li></ul></ul>
  3. 3. About Video <ul><li>As you probably already know, video is a big thing on the web </li></ul><ul><ul><li>80% + of video served on the internet is served with Flash or Flex </li></ul></ul><ul><ul><li>90% of all HD video is served with H.264 </li></ul></ul><ul><li>3 ways to serve Flash video: </li></ul><ul><ul><li>Red5 or Flash Media Server (RTMP) </li></ul></ul><ul><ul><li>HTTP/s Streaming </li></ul></ul><ul><ul><li>Local disc access (embedded or via AIR) </li></ul></ul>
  4. 4. About Video <ul><li>Video Formats </li></ul><ul><ul><li>The Flash player knows of three basic video formats: </li></ul></ul><ul><ul><ul><li>SWF – video files that are compiled to Flash format. No buffering – old way to do it </li></ul></ul></ul><ul><ul><ul><li>FLV – Flash Video offers some buffering, OK performance, but very widely deployed. </li></ul></ul></ul><ul><ul><ul><li>H.264 (MP4) – HD video, HD sound. Good compression, but limited cue point support and requires recent Flash Player </li></ul></ul></ul>
  5. 5. Encoding Video <ul><li>In order to serve any type of video, you need to encode it to be ready for the web. </li></ul><ul><ul><li>If you have Premier, Flash or After Effects, you also get a program called Adobe Encoder CS. Will show demo of this. </li></ul></ul><ul><ul><li>Many programs can save to MP4 (H.264) or FLV format natively. </li></ul></ul><ul><ul><li>Flash Media Server can do some encoding on the fly. Certain Linux tools can do this too. </li></ul></ul>
  6. 6. ENCODING A VIDEO
  7. 7. Serving the Video <ul><li>Local Disk Access </li></ul><ul><ul><li>Simply include the FLV or MP4 video in your project. Easy, but limiting. Can use VideoDisplay component. </li></ul></ul><ul><li>HTTP Streaming </li></ul><ul><ul><li>Place the video files on your HTTP server. Unfortunately you need to manually setup a NetStream and NetConnection component. </li></ul></ul>
  8. 8. Serving the Video <ul><li>Flash Media Server </li></ul><ul><ul><li>Very expensive, but allows for really neat setups. Live video streaming, and smart objects. </li></ul></ul><ul><ul><li>Uses aliases for videos channels, similar to LCDS or BlazeDS, to simplify the configuration. </li></ul></ul><ul><ul><li>Dynamic Buffering </li></ul></ul><ul><ul><li>Video files can be stored on server, or cluster. </li></ul></ul>
  9. 9. Metadata <ul><li>Video producers can include additional metadata in video. You can read these things! </li></ul><ul><ul><li>Closed Captioning </li></ul></ul><ul><ul><li>Cue-Points </li></ul></ul><ul><ul><li>In-band Advertising </li></ul></ul><ul><ul><li>Duration, Codecs, Audio channels, etc. </li></ul></ul>
  10. 10. Making the App <ul><li>Design the UI </li></ul><ul><ul><li>List for video selection </li></ul></ul><ul><ul><li>3 Buttons (Play, Stop, Camera) </li></ul></ul><ul><ul><li>Slider (for seeking) </li></ul></ul><ul><ul><li>Video Component (via ActionScript) </li></ul></ul><ul><li>Connect the Web Service to get video list </li></ul><ul><li>Implement the NetConnection, NetStream and Video components </li></ul>
  11. 11. Making the App <ul><li>Implement the Metadata and variables </li></ul><ul><li>Write ActionScript to connect it all up! </li></ul>
  12. 12. LETS GET INTO THE CODE!

×