building video application on windows 8 with windows azure media services
TRANSCRIPT
![Page 1: Building video application on windows 8 with Windows Azure Media Services](https://reader033.vdocument.in/reader033/viewer/2022052905/5585a759d8b42a6c1a8b4bc9/html5/thumbnails/1.jpg)
mingfeiy
![Page 2: Building video application on windows 8 with Windows Azure Media Services](https://reader033.vdocument.in/reader033/viewer/2022052905/5585a759d8b42a6c1a8b4bc9/html5/thumbnails/2.jpg)
Media Industry trend
What Microsoft media platform offers
Windows Azure Media Services
Microsoft Media Platform Player framework for Windows 8
Smooth streaming support
Closed caption
Advertising (VAST and VMAP)
Sample Windows 8 applications
![Page 3: Building video application on windows 8 with Windows Azure Media Services](https://reader033.vdocument.in/reader033/viewer/2022052905/5585a759d8b42a6c1a8b4bc9/html5/thumbnails/3.jpg)
Faster Internet connection increases the popularity of streaming
“For 1st time, Online movie viewing in the U.S. will exceed
digital video disc and Blu-ray use this year” - IHS
1.4
2.6
3.4
2.4
ONLINE VIEWING DVD AND BLU-RAY
2011 2012
![Page 4: Building video application on windows 8 with Windows Azure Media Services](https://reader033.vdocument.in/reader033/viewer/2022052905/5585a759d8b42a6c1a8b4bc9/html5/thumbnails/4.jpg)
More video-capable smart devices
“Mobile video traffic exceeded 50 percent for the first time in 2011.
Two-thirds of the world's mobile data traffic will be video by 2016.“
Resources provided by Cisco white paper
![Page 5: Building video application on windows 8 with Windows Azure Media Services](https://reader033.vdocument.in/reader033/viewer/2022052905/5585a759d8b42a6c1a8b4bc9/html5/thumbnails/5.jpg)
Http-based Adaptive Bitrate Streaming
Define good view experience
Watch online videos anywhere, anytime
on any devices
They want videos to be streamed without
interruption in the highest resolution possible
![Page 6: Building video application on windows 8 with Windows Azure Media Services](https://reader033.vdocument.in/reader033/viewer/2022052905/5585a759d8b42a6c1a8b4bc9/html5/thumbnails/6.jpg)
Http-based Adaptive Streaming
200 kbps
2 mbps
Video
Http server
HTTP
Chunk Size: 2 sec video
it allows the stream to actually adapt the video experience to the
quality of the network and the device’s CPU.
Encoding with
Multiple Bit Rates
5 mbps
![Page 7: Building video application on windows 8 with Windows Azure Media Services](https://reader033.vdocument.in/reader033/viewer/2022052905/5585a759d8b42a6c1a8b4bc9/html5/thumbnails/7.jpg)
Http-based Adaptive Streaming
Why this is good?
Best viewing experience
Real cost cutting
Scalability
Where you watch How much video loaded
Dynamic Adaptive Streaming over HTTP (DASH)
Also called MPEG-DASH
Smooth Streaming Http Live Streaming Http Dynamic Streaming
Currently there are three major streaming formats (all takes H.264 as input)
![Page 8: Building video application on windows 8 with Windows Azure Media Services](https://reader033.vdocument.in/reader033/viewer/2022052905/5585a759d8b42a6c1a8b4bc9/html5/thumbnails/8.jpg)
Rich Internet Application(RIA) replaced media player plugins
![Page 9: Building video application on windows 8 with Windows Azure Media Services](https://reader033.vdocument.in/reader033/viewer/2022052905/5585a759d8b42a6c1a8b4bc9/html5/thumbnails/9.jpg)
Plugin-free
Will HTML5 be the cross browser, cross platform solution?
![Page 10: Building video application on windows 8 with Windows Azure Media Services](https://reader033.vdocument.in/reader033/viewer/2022052905/5585a759d8b42a6c1a8b4bc9/html5/thumbnails/10.jpg)
The Status of HTML5 video
Resources provided by longtail video
Apple iOS implemented Http Live Streaming but it is not the standard
No Digital Right management (DRM) solution for HTML5
![Page 11: Building video application on windows 8 with Windows Azure Media Services](https://reader033.vdocument.in/reader033/viewer/2022052905/5585a759d8b42a6c1a8b4bc9/html5/thumbnails/11.jpg)
Private
![Page 12: Building video application on windows 8 with Windows Azure Media Services](https://reader033.vdocument.in/reader033/viewer/2022052905/5585a759d8b42a6c1a8b4bc9/html5/thumbnails/12.jpg)
![Page 13: Building video application on windows 8 with Windows Azure Media Services](https://reader033.vdocument.in/reader033/viewer/2022052905/5585a759d8b42a6c1a8b4bc9/html5/thumbnails/13.jpg)
![Page 14: Building video application on windows 8 with Windows Azure Media Services](https://reader033.vdocument.in/reader033/viewer/2022052905/5585a759d8b42a6c1a8b4bc9/html5/thumbnails/14.jpg)
Media Source
Interface
PLAYBACK PIPELINE
Application with Smooth Streaming Source
url : …/manifest
Smooth Streaming
Extension SDK
![Page 15: Building video application on windows 8 with Windows Azure Media Services](https://reader033.vdocument.in/reader033/viewer/2022052905/5585a759d8b42a6c1a8b4bc9/html5/thumbnails/15.jpg)
Shipped as Open source at playerframework.codeplex.com
Builds on capabilities of Smooth Streaming Client
Available for multiple platform
Windows 8 Player• HTML/JavaScript Modern style applications
• XAML/C# Modern style applications
• C++ Modern style applications
HTML5 player for browser
Silverlight & Windows Phone player
Well established player framework
Plugin Architecture – import what you need
![Page 16: Building video application on windows 8 with Windows Azure Media Services](https://reader033.vdocument.in/reader033/viewer/2022052905/5585a759d8b42a6c1a8b4bc9/html5/thumbnails/16.jpg)
Smooth Streaming (VOD and live)
Closed captioning
Advertising
LoggingProgressive Video
Player styling
DVR controls
PlayReady DRM
Analytics
Offline
Multiple Audio MPEG-DASH
Trick Play
![Page 17: Building video application on windows 8 with Windows Azure Media Services](https://reader033.vdocument.in/reader033/viewer/2022052905/5585a759d8b42a6c1a8b4bc9/html5/thumbnails/17.jpg)
![Page 18: Building video application on windows 8 with Windows Azure Media Services](https://reader033.vdocument.in/reader033/viewer/2022052905/5585a759d8b42a6c1a8b4bc9/html5/thumbnails/18.jpg)
![Page 19: Building video application on windows 8 with Windows Azure Media Services](https://reader033.vdocument.in/reader033/viewer/2022052905/5585a759d8b42a6c1a8b4bc9/html5/thumbnails/19.jpg)
![Page 20: Building video application on windows 8 with Windows Azure Media Services](https://reader033.vdocument.in/reader033/viewer/2022052905/5585a759d8b42a6c1a8b4bc9/html5/thumbnails/20.jpg)
SMPTE-TT/WebVTT
![Page 21: Building video application on windows 8 with Windows Azure Media Services](https://reader033.vdocument.in/reader033/viewer/2022052905/5585a759d8b42a6c1a8b4bc9/html5/thumbnails/21.jpg)
![Page 22: Building video application on windows 8 with Windows Azure Media Services](https://reader033.vdocument.in/reader033/viewer/2022052905/5585a759d8b42a6c1a8b4bc9/html5/thumbnails/22.jpg)
Linear Ads: presented before, between or after video content.
Linear Ad takes over the full view of video.
![Page 23: Building video application on windows 8 with Windows Azure Media Services](https://reader033.vdocument.in/reader033/viewer/2022052905/5585a759d8b42a6c1a8b4bc9/html5/thumbnails/23.jpg)
Non-linear Ads: runs parallel to the video content so the user still has
the option of viewing the content.
It could be text, graphical banner/buttons or video overlays
![Page 24: Building video application on windows 8 with Windows Azure Media Services](https://reader033.vdocument.in/reader033/viewer/2022052905/5585a759d8b42a6c1a8b4bc9/html5/thumbnails/24.jpg)
Companion Ad: Pairing with Linear Ad or Non-Linear Ad
It offers sustained visibility of the sponsor throughout the video content
After 5 sec
when linear ad is over
![Page 25: Building video application on windows 8 with Windows Azure Media Services](https://reader033.vdocument.in/reader033/viewer/2022052905/5585a759d8b42a6c1a8b4bc9/html5/thumbnails/25.jpg)
VAST (Video Ad Serving Template) 3.0 / 2.0
what
![Page 26: Building video application on windows 8 with Windows Azure Media Services](https://reader033.vdocument.in/reader033/viewer/2022052905/5585a759d8b42a6c1a8b4bc9/html5/thumbnails/26.jpg)
VAST (Video Ad Serving Template) 3.0 / 2.0
<VAST version=“3.0”><Ad>
<InLine><AdSystem>My Ad Server</AdSystem><AdTitle>Car Company</AdTitle><Impression>...</Impression>
<Creatives><Creative>
<Linear>...</Linear></Creative><Creative>
<CompanionAds>...</CompanionAds></Creative>
</Creatives></InLine>
</Ad></VAST>
![Page 27: Building video application on windows 8 with Windows Azure Media Services](https://reader033.vdocument.in/reader033/viewer/2022052905/5585a759d8b42a6c1a8b4bc9/html5/thumbnails/27.jpg)
<Creative id="video" sequence="0" AdID=""><Linear>
<Duration>00:00:32</Duration><TrackingEvents>...</TrackingEvents><VideoClicks>...</VideoClicks><MediaFiles>
<MediaFile apiFramework="Windows Media" id="windows_progressive_200"maintainAspectRatio="true" scaleable="true" delivery="progressive"bitrate=“200” width="400" height="300" type="video/x-ms-wmv">
<![CDATA[http://smf.blob.core.windows.net/samples/ads/media/XBOX_HD.wmv
]]></MediaFile>
</MediaFiles></Linear>
VAST (Video Ad Serving Template) 3.0 / 2.0
![Page 28: Building video application on windows 8 with Windows Azure Media Services](https://reader033.vdocument.in/reader033/viewer/2022052905/5585a759d8b42a6c1a8b4bc9/html5/thumbnails/28.jpg)
![Page 29: Building video application on windows 8 with Windows Azure Media Services](https://reader033.vdocument.in/reader033/viewer/2022052905/5585a759d8b42a6c1a8b4bc9/html5/thumbnails/29.jpg)
VMAP (Digital Video Multiple Ad Playlist) 1.0
Recommended by IAB
It is very useful when content owner doesn’t have control over player
Used by content owner to describe ad breaks
Timing for each break
How many breaks are available
What types of ads
How many are allowed in each break
![Page 30: Building video application on windows 8 with Windows Azure Media Services](https://reader033.vdocument.in/reader033/viewer/2022052905/5585a759d8b42a6c1a8b4bc9/html5/thumbnails/30.jpg)
VMAP (Digital Video Multiple Ad Playlist) 1.0<vmap:VMAP xmlns:vmap="http://www.iab.net/vmap-1.0" version="1.0">
<vmap:AdBreak breakType="linear" breakId="mypre" timeOffset="start">
<vmap:AdSource allowMultipleAds="true" followRedirects="true" id="1">...</
vmap:AdSource>
<vmap:TrackingEvents>...</vmap:TrackingEvents>
</vmap:AdBreak>
<vmap:AdBreak breakType="linear" breakId="myrelative" timeOffset="5%">
<vmap:AdSource allowMultipleAds="true" followRedirects="true" id="2">...</
vmap:AdSource>
<vmap:TrackingEvents>...</vmap:TrackingEvents>
</vmap:AdBreak>
<vmap:AdBreak breakType="linear" breakId="myabsolute" timeOffset="00:00:15.001">
<vmap:AdSource allowMultipleAds="true" followRedirects="true" id="3">...</
vmap:AdSource>
<vmap:TrackingEvents>...</vmap:TrackingEvents>
</vmap:AdBreak>
……
</vmap:VMAP>
![Page 31: Building video application on windows 8 with Windows Azure Media Services](https://reader033.vdocument.in/reader033/viewer/2022052905/5585a759d8b42a6c1a8b4bc9/html5/thumbnails/31.jpg)
![Page 32: Building video application on windows 8 with Windows Azure Media Services](https://reader033.vdocument.in/reader033/viewer/2022052905/5585a759d8b42a6c1a8b4bc9/html5/thumbnails/32.jpg)
![Page 33: Building video application on windows 8 with Windows Azure Media Services](https://reader033.vdocument.in/reader033/viewer/2022052905/5585a759d8b42a6c1a8b4bc9/html5/thumbnails/33.jpg)
http://playerframework.codeplex.com/releases/view/92745
http://visualstudiogallery.msdn.microsoft.com/04423d13-3b3e-4741-a01c-1ae29e84fea6?SRC=Home
http://visualstudiogallery.msdn.microsoft.com/e02ccac7-f3eb-4b53-b11a-c657d5631483
http://playerframework.codeplex.com/releases/view/92745
https://www.windowsazure.com/en-us/home/features/media-services/
![Page 34: Building video application on windows 8 with Windows Azure Media Services](https://reader033.vdocument.in/reader033/viewer/2022052905/5585a759d8b42a6c1a8b4bc9/html5/thumbnails/34.jpg)
![Page 35: Building video application on windows 8 with Windows Azure Media Services](https://reader033.vdocument.in/reader033/viewer/2022052905/5585a759d8b42a6c1a8b4bc9/html5/thumbnails/35.jpg)