1 / 12

Back to the Basics - Video

Back to the Basics - Video. Nick Kwiatkowski Michigan Flex Users Group. Welcome to Back to the Basics. Part II of the series. November’s recording is on our website at http://www.theFlexGroup.org This month’s recording (assuming everything records OK) will also be available on our site

miranda-calvin
Download Presentation

Back to the Basics - Video

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Back to the Basics - Video Nick Kwiatkowski Michigan Flex Users Group

  2. Welcome to Back to the Basics • Part II of the series. • November’s recording is on our website at http://www.theFlexGroup.org • This month’s recording (assuming everything records OK) will also be available on our site • This month we will be focusing on writing a simple video app • Stream videos from a server using HTTP • “Jukebox” like interface.

  3. About Video • As you probably already know, video is a big thing on the web • 80% + of video served on the internet is served with Flash or Flex • 90% of all HD video is served with H.264 • 3 ways to serve Flash video: • Red5 or Flash Media Server (RTMP) • HTTP/s Streaming • Local disc access (embedded or via AIR)

  4. About Video • Video Formats • The Flash player knows of three basic video formats: • SWF – video files that are compiled to Flash format. No buffering – old way to do it • FLV – Flash Video offers some buffering, OK performance, but very widely deployed. • H.264 (MP4) – HD video, HD sound. Good compression, but limited cue point support and requires recent Flash Player

  5. Encoding Video • In order to serve any type of video, you need to encode it to be ready for the web. • If you have Premier, Flash or After Effects, you also get a program called Adobe Encoder CS. Will show demo of this. • Many programs can save to MP4 (H.264) or FLV format natively. • Flash Media Server can do some encoding on the fly. Certain Linux tools can do this too.

  6. Encoding a Video

  7. Serving the Video • Local Disk Access • Simply include the FLV or MP4 video in your project. Easy, but limiting. Can use VideoDisplay component. • HTTP Streaming • Place the video files on your HTTP server. Unfortunately you need to manually setup a NetStream and NetConnection component.

  8. Serving the Video • Flash Media Server • Very expensive, but allows for really neat setups. Live video streaming, and smart objects. • Uses aliases for videos channels, similar to LCDS or BlazeDS, to simplify the configuration. • Dynamic Buffering • Video files can be stored on server, or cluster.

  9. Metadata • Video producers can include additional metadata in video. You can read these things! • Closed Captioning • Cue-Points • In-band Advertising • Duration, Codecs, Audio channels, etc.

  10. Making the App • Design the UI • List for video selection • 3 Buttons (Play, Stop, Camera) • Slider (for seeking) • Video Component (via ActionScript) • Connect the Web Service to get video list • Implement the NetConnection, NetStream and Video components

  11. Making the App • Implement the Metadata and variables • Write ActionScript to connect it all up!

  12. Lets get into the code!

More Related