Incorporating WindowsIncorporating Windows®® Media Into Web Sites Media Into Web Sites 7-3177-317

Chris CarperChris CarperProgram ManagerProgram ManagerWindows Media Windows Media Microsoft CorporationMicrosoft Corporationccarper@microsoft.comccarper@microsoft.com

AgendaAgenda

Windows Media MetaFilesWindows Media MetaFiles(Controlling the Player experience)(Controlling the Player experience)

Embedding Windows Media intoEmbedding Windows Media intoWeb PagesWeb Pages

Synchronized MultimediaSynchronized Multimedia DemonstrationsDemonstrations

Live FeedLive Feed Encoding Encoding WorkstationWorkstation

Windows MediaWindows Media Services Server Services Server

End Users: End Users: Home, Home,

Business Business

UNICAST, UNICAST, MULITCASTMULITCAST

Stored Stored ContentContent

Editing Editing WorkstationWorkstation

Live ContentLive Content

On-demand ContentOn-demand Content

AuthoringAuthoring DistributionDistribution PlaybackPlayback

Web Server Web Server

Windows Media Windows Media Content Development and DeploymentContent Development and Deployment

License License ServerServer

Streaming from a Streaming from a

Web ServerWeb ServerStreaming From a Streaming From a

WM ServerWM Server

Download & PlayDownload & Play

Windows Media MetafilesWindows Media Metafiles

XML structured data files used to:XML structured data files used to: Launch WMP from web pageLaunch WMP from web page Create play lists and integrate advertisingCreate play lists and integrate advertising Specify information about a clipSpecify information about a clip Enable/Disable functionality in WMPEnable/Disable functionality in WMP

Create them with Notepad, or tools likeCreate them with Notepad, or tools likeOn-Demand Producer, Server, etc.On-Demand Producer, Server, etc.

Why Use Metafiles?Why Use Metafiles?

Required for hyperlinking from Required for hyperlinking from Netscape NavigatorNetscape Navigator

Allows you to fill in the detailsAllows you to fill in the detailsTitle, Author, Copyright…Title, Author, Copyright…

Provides Greater control over playbackProvides Greater control over playback URL users can safely link to or add URL users can safely link to or add

to favoritesto favorites

Basic MetafileBasic Metafile

<ASX version = "3.0” > <ASX version = "3.0” >

<Entry><Entry>

<Ref href = <Ref href = “mms://server/program1.asf"/“mms://server/program1.asf"/> >

</Entry></Entry>

</ASX></ASX>

Complete MetafileComplete Metafile

<ASX version = "3.0" > <ASX version = "3.0" > <Title>Title of the Show</Title><Title>Title of the Show</Title><Author>Chris Carper</Author><Author>Chris Carper</Author><Copyright>Copyright 1998 Acme</Copyright><Copyright>Copyright 1998 Acme</Copyright><Abstract><Abstract>

This is a few sentences describing the clip, This is a few sentences describing the clip, which will be displayed as a tooltip or in which will be displayed as a tooltip or in Properties. Properties.

</Abstract></Abstract><Entry><Entry>

<Title>Title of the Clip</Title><Title>Title of the Clip</Title><Ref href = "mms://server/program1.asf"/> <Ref href = "mms://server/program1.asf"/>

</Entry></Entry></ASX></ASX>

Playlist MetafilePlaylist Metafile

<ASX version = "3.0” > <ASX version = "3.0” >

<Entry><Entry>

<Ref href = <Ref href = “mms://server/ad.asf"/> “mms://server/ad.asf"/>

</Entry></Entry>

<Entry><Entry>

<Ref href = <Ref href = “mms://server/program1.asf"/> “mms://server/program1.asf"/>

</Entry></Entry>

</ASX></ASX>

<ASX version = "3.0" > <ASX version = "3.0" >

<Title>Title of the Show</Title><Title>Title of the Show</Title>

<Author>Chris Carper</Author><Author>Chris Carper</Author>

<Copyright>Copyright 2000 Acme</Copyright><Copyright>Copyright 2000 Acme</Copyright>

<Entry><Entry><MoreInfo <MoreInfo

href=”http://server/info.htm” />href=”http://server/info.htm” />

<Title>Title of the Clip</Title><Title>Title of the Clip</Title>

<Ref href = "mms://server/program1.asf"/> <Ref href = "mms://server/program1.asf"/>

</Entry></Entry>

</MoreInfo></MoreInfo>

</ASX></ASX>

Hyperlinked MetafileHyperlinked Metafile

<ASX version="3.0"><ASX version="3.0">

<Entry><Entry>

<ref <ref href="mms://server1/welcome.asf"/>href="mms://server1/welcome.asf"/>

<ref <ref href="mms://server2/welcome.asf"/>href="mms://server2/welcome.asf"/>

<ref <ref href="http://server3/welcome.asf"/>href="http://server3/welcome.asf"/>

</Entry></Entry>

</ASX></ASX>

Redundant Redundant MetafileMetafile

Banner MetafileBanner Metafile

<ASX version = "3.0” > <ASX version = "3.0” >

<Entry><Entry><Banner href=“http://server/banner.jpg”><Banner href=“http://server/banner.jpg”>

<MoreInfo <MoreInfo href=”http://server/info.htm” />href=”http://server/info.htm” />

</Banner></Banner>

<Ref href = “mms://server/advertisement.asf"/> <Ref href = “mms://server/advertisement.asf"/>

</Entry></Entry>

<Entry><Entry>

<Ref href = “mms://server/program1.asf"/> <Ref href = “mms://server/program1.asf"/>

</Entry></Entry>

</ASX></ASX>

ASX ElementsASX Elements

EVENT

LOGO

MOREINFO

PARAM

PREVIEWDURATION

REF

REPEAT

STARTMARKER

STARTTIME

TITLE

 

ABSTRACT

ASX

AUTHOR

BANNER

BASE

COPYRIGHT

DURATION

ENDMARKER

ENTRY

ENTRYREF

Dynamic MetafilesDynamic Metafiles

Windows Media Metafiles can be Windows Media Metafiles can be dynamically generated from ASPdynamically generated from ASP

Typical corporate scenario:Typical corporate scenario: Customer deploys multiple WM Servers Customer deploys multiple WM Servers

close to the end usersclose to the end users Users access centralized web site to find Users access centralized web site to find

content they wish to viewcontent they wish to view ASP page examines users IP address and ASP page examines users IP address and

generates Dynamic metafile directing them generates Dynamic metafile directing them to the closest available Windows Media to the closest available Windows Media ServerServer

Typical Internet scenario:Typical Internet scenario: Personalized advertisingPersonalized advertising

Using MetafilesUsing MetafilesBest practices for streamingBest practices for streaming

Use the right extensionUse the right extension For Audio: For Audio: Use .WAX extension Use .WAX extension For Audio/Video: Use .WVX extensionFor Audio/Video: Use .WVX extension

Copy file to Web serverCopy file to Web server Set the Mime Type on your Web serverSet the Mime Type on your Web server

http://www.microsoft.com/windowsmedia/serve/mime.asphttp://www.microsoft.com/windowsmedia/serve/mime.asp

Always hyperlink to a metafile!Always hyperlink to a metafile!

MIME TypesMIME Types

Required for accessing metafiles from a Required for accessing metafiles from a web serverweb server

Document on Jumpstart CD & Web siteDocument on Jumpstart CD & Web site Configure as follows:Configure as follows:

.WMA.WMA audio/x-ms-wmaaudio/x-ms-wma .WAX.WAX audio/x-ms-waxaudio/x-ms-wax .WMV.WMV video/x-ms-wmvvideo/x-ms-wmv .WVX.WVX video/x-ms-wvxvideo/x-ms-wvx

Programming The WM PlayerProgramming The WM Player

Extensible filter-based architecture for network and Extensible filter-based architecture for network and local multimedia playbacklocal multimedia playback Leverages DirectXLeverages DirectX®® foundation: DirectSound foundation: DirectSound®®

for audio mixing and low-latency audio, Direct3Dfor audio mixing and low-latency audio, Direct3D®® for hardware 3D acceleration for hardware 3D acceleration

Embed and control the Player Control/Plug-in Embed and control the Player Control/Plug-in via scripting and programming languagesvia scripting and programming languages Visual BasicVisual Basic®® Scripting Edition or JavaScript/JScript Scripting Edition or JavaScript/JScript™™

COM interfaces with Visual Basic or Visual C++COM interfaces with Visual Basic or Visual C++®®/Visual J++/Visual J++®®

Fully scriptable Netscape Plug-in supports all Fully scriptable Netscape Plug-in supports all properties, methods, and events properties, methods, and events

Windows Media SDK fully documents interfacesWindows Media SDK fully documents interfaces

Browser/Applications

Netscape Plug-in

Source Filter(AVI, VOD, ASF, etc.)

Windows Media PlayerControl

TransformFilter

Renderer Filter

Direct Show Filter Graph Manager

DirectX Foundation

ComInterfaces

ArchitectureArchitecture

Embedding For VideoEmbedding For Video

Embedding For AudioEmbedding For Audio

Embedding The WM PlayerEmbedding The WM PlayerLeverage Browser CapabilitiesLeverage Browser Capabilities

<!– Internet Explorer ActiveX Control <!– Internet Explorer ActiveX Control <OBJECT<OBJECT

ID=MediaPlayer1 HEIGHT=412 WIDTH=326ID=MediaPlayer1 HEIGHT=412 WIDTH=326CLASSID="CLASSID="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" " CODEBASE=CODEBASE="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701">"http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701">

<PARAM NAME="FILENAME“ VALUE=“MyShow.asx"><PARAM NAME="FILENAME“ VALUE=“MyShow.asx"><!– Netscape Embed Tag --><!– Netscape Embed Tag --><Embed type="application/x-mplayer2“<Embed type="application/x-mplayer2“

pluginspage = pluginspage = "http://microsoft.com/windows/mediaplayer/download/""http://microsoft.com/windows/mediaplayer/download/"

Name=“MediaPlayer1"Name=“MediaPlayer1"src=“MyShow.asx">src=“MyShow.asx">

</embed></embed></OBJECT></OBJECT>

FrontPage DemonstrationFrontPage Demonstration

Synchronizing EventsSynchronizing Events

Synchronized MultimediaSynchronized Multimedia

Enhances audio/video content by Enhances audio/video content by synchronizing with external synchronizing with external information, such as:information, such as: PowerPoint Slides (GIF/JPEG/HTML)PowerPoint Slides (GIF/JPEG/HTML) External Web PagesExternal Web Pages Embedded functions within a web pageEmbedded functions within a web page Closed Captioning / TranscriptsClosed Captioning / Transcripts Flash AnimationsFlash Animations ……Any data type supported by Internet Any data type supported by Internet

Explorer or the application hosting WMPExplorer or the application hosting WMP

Synchronization MethodsSynchronization Methods

Intrinsic MethodsIntrinsic Methods URL URL redirects (more than one frame)redirects (more than one frame) FILENAME FILENAME changes clip being playedchanges clip being played TEXT TEXT changes captionchanges caption EVENT EVENT searches for <EVENT> in ASX filesearches for <EVENT> in ASX file OPENEVENT OPENEVENT opens EVENT, then waitsopens EVENT, then waits

Custom Methods Custom Methods Call external functionsCall external functions Any Name You Want Any Name You Want

MyFavoriteJavascriptFunctionMyFavoriteJavascriptFunction

Synchronized EventsSynchronized Events

SummarySummary

Embedding Windows Media Player Embedding Windows Media Player providesprovides Greater control over playbackGreater control over playback Integrated Web site experienceIntegrated Web site experience Allows for synchronization with Allows for synchronization with

external content (Web Pages, Slides, external content (Web Pages, Slides, Closed Captioning, etc)Closed Captioning, etc)

Works with IE & NetscapeWorks with IE & Netscape Works across platforms Works across platforms

(Windows, Mac, Solaris, STBs)(Windows, Mac, Solaris, STBs)

Call to ActionCall to Action

Create Windows Media metafiles for Create Windows Media metafiles for all your content, host on web serverall your content, host on web server

Learn more about embedding Learn more about embedding Windows Media Player at Windows Media Player at http://msdn.microsoft.com/windowsmedia/http://msdn.microsoft.com/windowsmedia/

Learn more about WMP 7 SkinsLearn more about WMP 7 Skins Use WMP 6.4 Control for Use WMP 6.4 Control for

embedding in web pagesembedding in web pages Use WMP 7 Control for applicationsUse WMP 7 Control for applications

Windows Media @TechEdWindows Media @TechEd

Windows Media 7: Platform OverviewWindows Media 7: Platform Overview Monday 6/5 12noonMonday 6/5 12noon

Incorporating Windows Media Into Web SitesIncorporating Windows Media Into Web Sites Monday 6/5 5pmMonday 6/5 5pm

Hosting Windows Media: Best PracticesHosting Windows Media: Best Practices Tuesday 6/6 315pmTuesday 6/6 315pm

Creating Skins for the Windows Media Player 7Creating Skins for the Windows Media Player 7 Wednesday 6/7 430pmWednesday 6/7 430pm

Windows Media SDK: Under the HoodWindows Media SDK: Under the Hood Thursday 6/8 315pmThursday 6/8 315pm

Digital Rights ManagementDigital Rights Management Thursday 6/8 430pmThursday 6/8 430pm

Windows Media Authoring: Capturing from Screen, Live & Windows Media Authoring: Capturing from Screen, Live & Pre-Recorded MediaPre-Recorded Media Thursday 6/8 615pmThursday 6/8 615pm