This presentation was held at MIND event in Microsoft Auditorium Malaysia, October 8, 2011. It covers the mechanism of video streaming and its high-view architecture

1. IIS Smooth Streaming By: Hossein SARSHAR MCP Since 2004

2. Basic Description IIS Smooth Streaming is an extension of Microsoft IIS web server 7.0 or 7.5 (or later) to deliver live or recorded (on-demand) media contents over the internet at HD quality. Streams based on the following conditions of viewers: CPU condition Bandwidth Capability of their display device

4. How it works ?

5. Overview of basic networking terms Application Transport Network Data-link Physical

7. Uses port number to communicate with its corresponding application layerprogram

8. Full duplex

10. Uses port number to communicate with its corresponding application layerprogram

11. Best effort

12. Small packet size

14. RTP and RTSP These are the first protocols in media streaming. RTP: Based on UDP Starts its communication without any connection establishment. Unreliable Fast RTSP: Based on TCP. Has communication with server. State-full. Communicating with sender. walking carefully is better that running with closed eyes

15. HTTP Based protocols HTTP: TCP based protocol. Is easily passed through routers and firewalls (TCP:80). But stateless ….

16. Progressive Download A simple file download from an HTTP Web server. Progressive download is supported by most media players and platforms, including Adobe Flash, Silverlight, and Windows Media Player Can also seek to positions in the media file that haven't been downloaded yet YouTube, Vimeo, MySpace, and MSN Soapbox, almost use progressive download. Downloads all of the media even if player is paused.

18. Adaptive Streaming HTTP based file download. Performs media download as a long series of very small progressive downloads (Chunks). Chunks are typically 2-to-4-seconds long as GOP (Group of Pictures). Server adapts the quality of its chunks according to the receiver’s capability in receiving data. (No need to change the bit-rate) IIS Smooth is and example of adaptive streaming. If you pause, only some seconds are buffered.

19. Request Chunck of data Progressive download of small chunks

20. Adaptive part of the story Request 720p Request 420p Request 1080p Chunck of data

22. IIS Smooth Streaming Microsoft Expression Encoder

23. Features Streams MPEG-4 chunks (H.264 video codec). They are created virtually upon each request. No buffer. It is possible to have other encoders. You can view videos in different platforms instead of Silverlight. Simultaneous streaming with different video angles. Translation scripts and different languages. Media advertisement. Multi channeling. ….

24. Use Cases 2008 Summer Olympics in Beijing and NBC Sunday Night Football

25. Use Cases 2010 FIFA World Cup Silverlight Smooth Streaming Player with Live Messenger Read more on http://www.iis.net/media/showcase

26. Deployment Two methods for deployment: On-demand Live On-demand: It is possible on Windows Vista sp1, Windows 7, and Windows Server 2008 Install IIS server 7 or 7.5 Installing IIS Media Services 4.0 on IIS.

28. Encode Video Resulting files after encoding with Expression blend: *.ismv (Audio + Video) *.isma (Audio) There will be an encoded file for each bit-rate. *.ism “XML based file that describes the relationships between the media tracks, bit rates and files on disk”IIS uses this file *.ismc “XML based file that describes the available streams to the client”Clients use this file

29. Player Silverlight player: There is an open source project called SMF (Silverlight Media Framework) in order to start and test streaming. Or anything that supports: VC-1/WMA/H.264/AAC decoding and HTTP transport

30. Demo In the next article :D

31. Player Arguments MediaUrl: Location of media XML file DeliveryMethod: “Adaptive”or“Progressive Download” AutoPlay: it is true by default ThumbnailUrl: Thumbnail picture before being played.

32. JavaScript Methods var Player = null; function onPlayerReady(playerArg) { Player = playerArg; } //The event handler of Player Loadthat is useful to access the player’s object. function Play() { Player.Play(); } //Simple way to call player’s Play method. <input type="button" value="Play" onclick="Play()" />

33. Other JavaScript Methods Player.Pause(); Player.Stop(); Player.Replay(); ….

34. Q & A