Transcript Incorporating Windows Media into Web Sites

Incorporating Windows
Media Into Web Sites
7-317
Chris Carper
Program Manager
Windows Media
Microsoft Corporation
[email protected]
®
Agenda




Windows Media MetaFiles
(Controlling the Player experience)
Embedding Windows Media into
Web Pages
Synchronized Multimedia
Demonstrations
Windows Media
Content Development and Deployment
Live Content
UNICAST,
MULITCAST
License Server
Live Feed
End Users:
Home,
Business
Encoding
Workstation
On-demand Content
Windows Media
Services Server
Stored
Content
Editing
Workstation
Authoring
Streaming From a
Web Server
Streaming from a
Download & Play
Web Server
WM Server
Distribution
Playback
Windows Media Metafiles

XML structured data files used to:





Launch WMP from web page
Create play lists and integrate advertising
Specify information about a clip
Enable/Disable functionality in WMP
Create them with Notepad, or tools like
On-Demand Producer, Server, etc.
Why Use Metafiles?




Required for hyperlinking from
Netscape Navigator
Allows you to fill in the details
Title, Author, Copyright…
Provides Greater control over playback
URL users can safely link to or add
to favorites
Basic Metafile
<ASX version = "3.0” >
<Entry>
<Ref href =
“mms://server/program1.asf"/
>
</Entry>
</ASX>
Complete Metafile
<ASX version = "3.0" >
<Title>Title of the Show</Title>
<Author>Chris Carper</Author>
<Copyright>Copyright 1998 Acme</Copyright>
<Abstract>
This is a few sentences describing the clip,
which will be displayed as a tooltip or in
Properties.
</Abstract>
<Entry>
<Title>Title of the Clip</Title>
<Ref href = "mms://server/program1.asf"/>
</Entry>
</ASX>
Playlist Metafile
<ASX version = "3.0” >
<Entry>
<Ref href =
“mms://server/ad.asf"/>
</Entry>
<Entry>
<Ref href =
“mms://server/program1.asf"/>
</Entry>
</ASX>
Hyperlinked Metafile
<ASX version = "3.0" >
<Title>Title of the Show</Title>
<Author>Chris Carper</Author>
<Copyright>Copyright 2000 Acme</Copyright>
<Entry>
<MoreInfo href=”http://server/info.htm” />
<Title>Title of the Clip</Title>
<Ref href = "mms://server/program1.asf"/>
</Entry>
</MoreInfo>
</ASX>
Redundant Metafile
<ASX version="3.0">
<Entry>
<ref href="mms://server1/welcome.asf"/>
<ref href="mms://server2/welcome.asf"/>
<ref href="http://server3/welcome.asf"/>
</Entry>
</ASX>
Banner Metafile
<ASX version = "3.0” >
<Entry>
<Banner href=“http://server/banner.jpg”>
<MoreInfo href=”http://server/info.htm” />
</Banner>
<Ref href = “mms://server/advertisement.asf"/>
</Entry>
<Entry>
<Ref href = “mms://server/program1.asf"/>
</Entry>
</ASX>
ASX Elements
ABSTRACT
EVENT
ASX
LOGO
AUTHOR
MOREINFO
BANNER
PARAM
BASE
PREVIEWDURATION
COPYRIGHT
REF
DURATION
REPEAT
ENDMARKER
STARTMARKER
ENTRY
STARTTIME
ENTRYREF
TITLE
Dynamic Metafiles


Windows Media Metafiles can be
dynamically generated from ASP
Typical corporate scenario:




Customer deploys multiple WM Servers
close to the end users
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
Typical Internet scenario:

Personalized advertising
Using Metafiles
Best practices for streaming

Use the right extension



For Audio:
Use .WAX extension
For Audio/Video: Use .WVX extension
Copy file to Web server

Set the Mime Type on your Web server
http://www.microsoft.com/windowsmedia/serve/mime.asp

Always hyperlink to a metafile!
MIME Types



Required for accessing metafiles from a
web server
Document on Jumpstart CD & Web site
Configure as follows:




.WMA
.WAX
.WMV
.WVX
audio/x-ms-wma
audio/x-ms-wax
video/x-ms-wmv
video/x-ms-wvx
Programming The WM Player

Extensible filter-based architecture for network and
local multimedia playback


Embed and control the Player Control/Plug-in
via scripting and programming languages




Leverages DirectX® foundation: DirectSound®
for audio mixing and low-latency audio, Direct3D®
for hardware 3D acceleration
Visual Basic® Scripting Edition or JavaScript/JScript™
COM interfaces with Visual Basic or Visual C++®/Visual J++®
Fully scriptable Netscape Plug-in supports all
properties, methods, and events
Windows Media SDK fully documents interfaces
Architecture
Browser/Applications
Netscape Plug-in
Windows Media
Player
Control
Com
Interfaces
Direct Show Filter Graph Manager
Source Filter
(AVI, VOD, ASF, etc.)
Transform
Filter
Renderer
Filter
DirectX Foundation
Embedding For Video
Embedding For Audio
Embedding The WM Player
Leverage Browser Capabilities
<!– 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">
<PARAM NAME="FILENAME“ VALUE=“MyShow.asx">
<!– Netscape Embed Tag -->
<Embed type="application/x-mplayer2“
pluginspage =
"http://microsoft.com/windows/mediaplayer/download/"
Name=“MediaPlayer1"
src=“MyShow.asx">
</embed>
</OBJECT>
FrontPage Demonstration
Synchronizing Events
Synchronized Multimedia

Enhances audio/video content by
synchronizing with external
information, such as:






PowerPoint Slides (GIF/JPEG/HTML)
External Web Pages
Embedded functions within a web page
Closed Captioning / Transcripts
Flash Animations
…Any data type supported by Internet
Explorer or the application hosting WMP
Synchronization Methods

Intrinsic Methods






URL redirects (more than one frame)
FILENAME changes clip being played
TEXT changes caption
EVENT searches for <EVENT> in ASX file
OPENEVENT opens EVENT, then waits
Custom Methods


Call external functions
Any Name You Want
MyFavoriteJavascriptFunction
Synchronized Events
Summary

Embedding Windows Media Player
provides





Greater control over playback
Integrated Web site experience
Allows for synchronization with
external content (Web Pages, Slides,
Closed Captioning, etc)
Works with IE & Netscape
Works across platforms
(Windows, Mac, Solaris, STBs)
Call to Action


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 WMP 7 Skins
Use WMP 6.4 Control for embedding
in web pages
Use WMP 7 Control for applications
Windows Media @TechEd

Windows Media 7: Platform Overview


Incorporating Windows Media Into Web Sites


Thursday 6/8 315pm
Digital Rights Management


Wednesday 6/7 430pm
Windows Media SDK: Under the Hood


Tuesday 6/6 315pm
Creating Skins for the Windows Media Player 7


Monday 6/5 5pm
Hosting Windows Media: Best Practices


Monday 6/5 12noon
Thursday 6/8 430pm
Windows Media Authoring: Capturing from Screen, Live &
Pre-Recorded Media

Thursday 6/8 615pm