Playing Video Content Alan Smith ACTIVE SOLUTION, STOCKHOLM, SWEDEN youtube.com/user/CloudCasts
Streaming Endpoints and Streaming Locators
Streaming Endpoint Smooth Streaming HLS Multi-bitrate Streaming Asset Endpoint MPEG DASH
Streaming Endpoint Smooth Streaming HLS Multi-bitrate Streaming Asset Endpoint MPEG DASH
Streaming Endpoint Smooth Streaming HLS Multi-bitrate Streaming Asset Endpoint MPEG DASH Download
Streaming Locator Smooth Streaming HLS MPEG DASH Smooth Streaming Streaming Assets HLS Locators MPEG DASH Streaming Endpoint Smooth Streaming HLS MPEG DASH
Streaming Locator URLs Smooth Streaming https://{ServiceName}-{Location}.streaming.media.azure.net/{GUID}/{Title}.ism/manifest DASH https://{ServiceName}-{Location}.streaming.media.azure.net/{GUID}/{Title}.ism/manifest(format=mpd-time-csf) HTTP Live Streaming (HLS) https://{ServiceName}-{Location}.streaming.media.azure.net/{GUID}/{Title}.ism/manifest(format=m3u8-aapl)
Azure Media Player
Lobomantics Scenario
Azure Media Player
<head> <title>Media</title> <meta charset="utf-8"> <!-- Links to player CSS and script --> <link href="//amp.azure.net/libs/amp/latest/skins/amp-default/azuremediaplayer.min.css" rel="stylesheet"> <script src="//amp.azure.net/libs/amp/latest/azuremediaplayer.min.js"></script> </head> Linking to Azure Media Player resources http://amp.azure.net/libs/amp/latest/docs/index.html
At Attrubute Usage Usa Unique ID for video within a page id Classes for media player and player skin class <video autoplay Start video playback when page loads id="ideaVideo1" (not supported on mobile devices) class="azuremediaplayer amp-default-skin" Display media player controls controls autoplay Width of player in pixels controls width width="1280" Height of player in pixels height height="720" Image to display before video begins poster="images/girl.png" poster playing data-setup='{"nativeControlsForTouch": false}'> <source data-setup Unique delivery policies of stream src="Streaming URL" URL of media asset streaming locator source url type="application/vnd.ms-sstr+xml" /> <p class="amp-no-js">Get HTML5!</p> MIME type of video stream source type </video>
t h s Demo Creating Streaming Locators - Creating Streaming Locators in the Azure Portal - Creating Streaming Locators using the Media Services SDK
t h s Demo Playing Video with the Azure Media Player - Adding links to Azure Media Player resources - Adding the Azure Media Player to a Web Application
Recommend
More recommend
