1. Incorporating Windows ® Media Into Web Sites 7-317 Chris Carper Program Manager Windows Media Microsoft Corporation ccarper@microsoft.com

2. Agenda Windows Media MetaFiles (Controlling the Player experience) Windows Media MetaFiles (Controlling the Player experience) Embedding Windows Media into Web Pages Embedding Windows Media into Web Pages Synchronized Multimedia Synchronized Multimedia Demonstrations Demonstrations

3. Live Feed EncodingWorkstation Windows Media Services Server End Users: Home, Business UNICAST, MULITCAST Stored Content EditingWorkstation Live Content On-demand Content Authoring Distribution Playback Web Server Windows Media Content Development and Deployment License Server Streaming from a Web Server Streaming From a WM Server Download & Play

4. Windows Media Metafiles XML structured data files used to: XML structured data files used to: Launch WMP from web page Launch WMP from web page Create play lists and integrate advertising Create play lists and integrate advertising Specify information about a clip Specify information about a clip Enable/Disable functionality in WMP Enable/Disable functionality in WMP Create them with Notepad, or tools like On-Demand Producer, Server, etc. Create them with Notepad, or tools like On-Demand Producer, Server, etc.

5. Why Use Metafiles? Required for hyperlinking from Netscape Navigator Required for hyperlinking from Netscape Navigator Allows you to fill in the details Title, Author, Copyright… Allows you to fill in the details Title, Author, Copyright… Provides Greater control over playback Provides Greater control over playback URL users can safely link to or add to favorites URL users can safely link to or add to favorites

6. Basic Metafile <Entry> </Entry></ASX>

7. Complete Metafile Title of the Show Title of the Show Chris Carper Chris Carper Copyright 1998 Acme Copyright 1998 Acme <Abstract> This is a few sentences describing the clip, which will be displayed as a tooltip or in Properties. </Abstract><Entry> Title of the Clip Title of the Clip </Entry></ASX>

8. Playlist Metafile <Entry> </Entry><Entry> </Entry></ASX>

9. Title of the Show Title of the Show Chris Carper Chris Carper Copyright 2000 Acme Copyright 2000 Acme <Entry> Title of the Clip Title of the Clip </Entry></MoreInfo></ASX> Hyperlinked Metafile

10. <Entry> </Entry></ASX> Redundant Metafile

11. Banner Metafile <Entry> </Banner> </Entry><Entry> </Entry></ASX>

12. ASX Elements EVENT LOGO MOREINFO PARAM PREVIEWDURATION REF REPEAT STARTMARKER STARTTIME TITLE ABSTRACT ASX AUTHOR BANNER BASE COPYRIGHT DURATION ENDMARKER ENTRY ENTRYREF

13. Dynamic Metafiles Windows Media Metafiles can be dynamically generated from ASP Windows Media Metafiles can be dynamically generated from ASP Typical corporate scenario: Typical corporate scenario: Customer deploys multiple WM Servers close to the end users Customer deploys multiple WM Servers close to the end users Users access centralized web site to find content they wish to view Users access centralized web site to find content they wish to view ASP page examines users IP address and generates Dynamic metafile directing them to the closest available Windows Media Server ASP page examines users IP address and generates Dynamic metafile directing them to the closest available Windows Media Server Typical Internet scenario: Typical Internet scenario: Personalized advertising Personalized advertising

14. Using Metafiles Best practices for streaming Use the right extension Use the right extension For Audio: Use.WAX extension For Audio: Use.WAX extension For Audio/Video: Use.WVX extension For Audio/Video: Use.WVX extension Copy file to Web server Copy file to Web server Set the Mime Type on your Web server http://www.microsoft.com/windowsmedia/serve/mime.asp Set the Mime Type on your Web server http://www.microsoft.com/windowsmedia/serve/mime.asp Always hyperlink to a metafile! Always hyperlink to a metafile!

15. MIME Types Required for accessing metafiles from a web server Required for accessing metafiles from a web server Document on Jumpstart CD & Web site Document on Jumpstart CD & Web site Configure as follows: Configure as follows:.WMAaudio/x-ms-wma.WMAaudio/x-ms-wma.WAXaudio/x-ms-wax.WAXaudio/x-ms-wax.WMVvideo/x-ms-wmv.WMVvideo/x-ms-wmv.WVXvideo/x-ms-wvx.WVXvideo/x-ms-wvx

16. Programming The WM Player Extensible filter-based architecture for network and local multimedia playback Extensible filter-based architecture for network and local multimedia playback Leverages DirectX ® foundation: DirectSound ® for audio mixing and low-latency audio, Direct3D ® for hardware 3D acceleration Leverages DirectX ® foundation: DirectSound ® for audio mixing and low-latency audio, Direct3D ® for hardware 3D acceleration Embed and control the Player Control/Plug-in via scripting and programming languages Embed and control the Player Control/Plug-in via scripting and programming languages Visual Basic ® Scripting Edition or JavaScript/JScript Visual Basic ® Scripting Edition or JavaScript/JScript COM interfaces with Visual Basic or Visual C++ ® /Visual J++ ® COM interfaces with Visual Basic or Visual C++ ® /Visual J++ ® Fully scriptable Netscape Plug-in supports all properties, methods, and events Fully scriptable Netscape Plug-in supports all properties, methods, and events Windows Media SDK fully documents interfaces Windows Media SDK fully documents interfaces

17. Browser/Applications Netscape Plug-in Source Filter (AVI, VOD, ASF, etc.) Windows Media Player Control Transform Filter Renderer Filter Direct Show Filter Graph Manager DirectX Foundation Com Interfaces Architecture

18. Embedding For Video

19. Embedding For Audio

20. Embedding The WM Player Leverage Browser Capabilities <!– Internet Explorer ActiveX Control <!– Internet Explorer ActiveX Control <OBJECT ID=MediaPlayer1 HEIGHT=412 WIDTH=326 CLASSID=" CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95 " CODEBASE= "http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"> <Embed type="application/x-mplayer2 pluginspage = "http://microsoft.com/windows/mediaplayer/download/" Name=MediaPlayer1"src=MyShow.asx"></embed></OBJECT>

21. FrontPage Demonstration

22. Synchronizing Events

23. Synchronized Multimedia Enhances audio/video content by synchronizing with external information, such as: Enhances audio/video content by synchronizing with external information, such as: PowerPoint Slides (GIF/JPEG/HTML) PowerPoint Slides (GIF/JPEG/HTML) External Web Pages External Web Pages Embedded functions within a web page Embedded functions within a web page Closed Captioning / Transcripts Closed Captioning / Transcripts Flash Animations Flash Animations …Any data type supported by Internet Explorer or the application hosting WMP …Any data type supported by Internet Explorer or the application hosting WMP

25. Synchronization Methods Intrinsic Methods Intrinsic Methods URL redirects (more than one frame) URL redirects (more than one frame) FILENAME changes clip being played FILENAME changes clip being played TEXT changes caption TEXT changes caption EVENT searches for in ASX file EVENT searches for in ASX file OPENEVENT opens EVENT, then waits OPENEVENT opens EVENT, then waits Custom Methods Custom Methods Call external functions Call external functions Any Name You Want MyFavoriteJavascriptFunction Any Name You Want MyFavoriteJavascriptFunction

26. Synchronized Events

27. Summary Embedding Windows Media Player provides Embedding Windows Media Player provides Greater control over playback Greater control over playback Integrated Web site experience Integrated Web site experience Allows for synchronization with external content (Web Pages, Slides, Closed Captioning, etc) Allows for synchronization with external content (Web Pages, Slides, Closed Captioning, etc) Works with IE & Netscape Works with IE & Netscape Works across platforms (Windows, Mac, Solaris, STBs) Works across platforms (Windows, Mac, Solaris, STBs)

28. Call to Action Create Windows Media metafiles for all your content, host on web server Create Windows Media metafiles for all your content, host on web server Learn more about embedding Windows Media Player at http://msdn.microsoft.com/windowsmedia/ Learn more about embedding Windows Media Player at http://msdn.microsoft.com/windowsmedia/ Learn more about WMP 7 Skins Learn more about WMP 7 Skins Use WMP 6.4 Control for embedding in web pages Use WMP 6.4 Control for embedding in web pages Use WMP 7 Control for applications Use WMP 7 Control for applications

29. Windows Media @TechEd Windows Media 7: Platform Overview Windows Media 7: Platform Overview Monday 6/5 12noon Monday 6/5 12noon Incorporating Windows Media Into Web Sites Incorporating Windows Media Into Web Sites Monday 6/5 5pm Monday 6/5 5pm Hosting Windows Media: Best Practices Hosting Windows Media: Best Practices Tuesday 6/6 315pm Tuesday 6/6 315pm Creating Skins for the Windows Media Player 7 Creating Skins for the Windows Media Player 7 Wednesday 6/7 430pm Wednesday 6/7 430pm Windows Media SDK: Under the Hood Windows Media SDK: Under the Hood Thursday 6/8 315pm Thursday 6/8 315pm Digital Rights Management Digital Rights Management Thursday 6/8 430pm Thursday 6/8 430pm Windows Media Authoring: Capturing from Screen, Live & Pre-Recorded Media Windows Media Authoring: Capturing from Screen, Live & Pre-Recorded Media Thursday 6/8 615pm Thursday 6/8 615pm