Smooth Streaming Live in HD From Camera to Screen Scott Stanfield CEO Vertigo [email protected] Mike Hanley VP of Services Vertigo [email protected].

Download Report

Transcript Smooth Streaming Live in HD From Camera to Screen Scott Stanfield CEO Vertigo [email protected] Mike Hanley VP of Services Vertigo [email protected].

Smooth Streaming Live in HD
From Camera to Screen
Scott Stanfield CEO
Vertigo
[email protected]
Mike Hanley VP of Services
Vertigo
[email protected]
Session EX32
Smooth Streaming Live in HD: From Camera to Screen
The Olympics video team offers you a rare chance to witness an
HD production set up, step-by-step, from scratch.
Starting with an HD camera, we push the signal through an
encoder with a tuned Smooth Streaming configuration, into
Internet Information Services (IIS) 7.0, and then out through a
Microsoft Silverlight 4 player using File | New and the
Silverlight Media Framework. See the same techniques behind
Sunday Night Football and the 2010 Winter Olympics, only on a
smaller scale. This is a one-of-a-kind session including
specialized hardware; not to be missed if you're curious about
HD Internet broadcast.
Smooth Streaming “Hello World”
1.
2.
3.
4.
Setup the shot
Setup the IIS 7.5 Server
Setup the video encoder
Build a video player in Visual Studio
What’s On Stage?
•
•
•
•
•
•
Camera, connected to a
Video encoder, connected to a
IIS 7.5, connected to a
CDN, connected to a
Vertigo video player, inside
My browser
What is HD?
Frame Size
Scanning System
Frame Rate
720p30
1280 x 720, or
1920 x 1080
Progressive or
Interlaced
24 or 30 fps
What is HD
Video Acquisition and Encoding
1.
2.
3.
Acquire the video source
Convert signal to a connection type that the Inlet encoder
supports
Preview window on the encoder
4.
Profile preset on the encoder to do IIS Smooth Streaming
•
IIS ingest server
•
•
•
Pick the bitrates on the encoder
•
•
5.
6.
IIS 7.5 with IIS Media Services 3.0
IIS Publishing Point
Alex’s Smooth Streaming calculator
16:9 (divisible by 16)
Pick the “in page” player size
Start encoder
Silverlight 4 Player Development
1.
2.
3.
4.
Writing a simple Video Player using the SMF
Wire up the manifest URL
Hit F5 and run the player
•
Watching the live audience (with a 6 delay second)
SMF sites on top of the Microsoft Smooth Streaming Media Element
•
Available at CodePlex (http://smf.codeplex.com)
•
SMF opens in Expression Blend
•
SMF 1.1 out now and 2.0 coming soon
•
Support for Progressive and Adaptive Streaming
Founder, Inlet Technologies
JOHN BISHOP
Live Adaptive Streaming
Spinnaker Management Console
HOOK UP ENCODER
Smooth Streaming Multi-Bitrate Calc
Video Window Size
Divisible by 16 for optimal path on the
encoding algorithm
Start with width (Vimeo) in page
Multiply by 9/16 (0.5625)
Divide by 16
Round to 23 and multiply by 16
Final Width x Height
656
369
23.0625
368
656 x 368
IIS Ingest Server Setup
IIS Ingest Server Setup
IIS Ingest Server Setup
IIS Ingest Server Setup
SMF v2 – Step 1: Add Assemblies
SMF v2 – Step 2: config.xml
<?xml version="1.0" encoding="utf-8" ?>
<LiveSmoothStreamingSettings>
<BufferingEngineSettings
ForceAccurateSeeks="true"
LiveBufferTimeMilliseconds = "16000"
/>
<HeuristicsEngineSettings
SwitchingFrequencyChunksBeforeUpgrade = "2"
SwitchingFrequencyStepSizeForUpgrade ="3"
WindowSizeHeuristicsMinimumPercentageOfNextLargestTrack = "0.8"
FrameRateHeuristicsSuspendTrackIfMoreThanXPercentDroppedFrames = "0.30"
FrameRateHeuristicsFlushBufferIfMoreThanXPercentDroppedFrames = "0.40“
FrameRateHeuristicsSuspendNextLowestTrackIfMoreThanXPercentDroppedFrames = "0.50"
/>
</LiveSmoothStreamingSettings>
SMF v2 – Step 3: Add Namespaces
xmlns:smf="clrnamespace:Microsoft.SilverlightMediaFrame
work;assembly=Microsoft.SilverlightMediaF
ramework"
xmlns:smf_Media="clrnamespace:Microsoft.SilverlightMediaFrame
work.Media;assembly=Microsoft.Silverlight
MediaFramework.Media"
SMF v2 – Step 4: Add Code
<smf:Player d:LayoutOverrides="Height">
<smf:Player.Playlist>
<smf_Media:Playlist>
<smf_Media:Playlist.Items>
<smf_Media:PlaylistItem
DeliveryMethod="AdaptiveStreaming"
MediaSource="http://server/mix10.isml/Manifest"/>
</smf_Media:Playlist.Items>
</smf_Media:Playlist>
</smf:Player.Playlist>
</smf:Player>
Microsoft Silverlight Media Framework (SMF) v2
Our Partners
Q&A
Scott Stanfield
[email protected]