Silverlight ????

? Silverlight ??????

Laurence Moroney
Microsoft Corporation

?????2007 ? 5 ?

????

Microsoft Silverlight
Microsoft Visual Studio 2005

????????? Silverlight ????????????? (???????)?????? iFrame???????? URL???????????(??? 6 ?)

??

??
??

??

Silverlight ???????????????????????????? XAML ??? UI ?? JavaScript ???????????? Silverlight ????????????????????????????????????? (???????)?????? iFrame???????? URL???????????

?? ????? Visual Web Developer Express??? Visual Web Developer ??????????

??

??????? Visual Web Developer ??????

?????

?? Visual Web ?????
? [??] ??????? [???]?
???? [???] ???????? [ASP.NET ??]?
????????? VideoService????????? [? 1] ???

? 1. ? Visual Web Developer ?????? (??????????)

???????????????? Default.aspx ????????????????????????????"js" ? "xaml"?

????? "js" ? "xaml" ?????????

? [????] ????????????????? [?????]?
??????? xaml?
???? 1 ? 2???????? js ??????

????????? [? 2] ???

? 2. ???????? "js" ? "xaml" ??

?????????????? XAML?

???????? XAML

???????????? XAML ??????? [?????]?
???????????? [XML ?]?
?????? videoplayer.xaml?? [? 3] ???

? 3. ?? XAML ?? (??????????)

???????????? XAML?

<Canvas
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        x:Name="root"
        Loaded="javascript:handleLoad">
  <Canvas x:Name="VideoLayer">
    <MediaElement x:Name="VidElement" Canvas.Top="0"
        Canvas.Left="0" Height="100" Width="100">
    </MediaElement>
  </Canvas>
</Canvas>

?????????????????XAML ????? Silverlight ????????????? XAML ????????? MSDN Library ?? Windows Presentation Foundation (WPF) ???

?? WPF ????????? XAML ???? Silverlight ????????

????? Silverlight ??????????? Silverlight.js??? Silverlight SDK ?????http://www.silverlight.net/????????????? js ????

???? createSilverlight.js ?????????????? Silverlight ??????? js ??????? JavaScript ???????? createSilverlight.js?

???????? createSilverlight.js?

function createSilverlight()
{  
Sys.Silverlight.createObject("xaml/videoplayer.xaml", 
   slControlHost, "slControl1",
    {width:'232', height:'240', 
     inplaceInstallPrompt:false, background:'white', 
     isWindowless:'true', framerate:'24', version:'0.8'},
    
    {onError:null, onLoad:null},
     null);
}

????? Silverlight ?????????????????????? videoplayer.xaml ?? XAML????????????? http://www.silverlight.net/ ???? Silverlight ???

????????? Default.aspx ???????????????????

<%@ Page Language="C#" AutoEventWireup="true"  
CodeFile="Default.aspx.cs" Inherits="_Default" %>
<html >
<head>
    <title>Video Server Sample</title>

<script src="js/silverlight.js" type='text/javascript'></script>
<script src="js/createsilverlight.js" type='text/javascript'></script>
<script type="text/javascript">
function handleLoad() {   
   var slC = document.getElementById("slControl1");
   var elMedia = slC.content.findName("VidElement");
      elMedia.Width="<%
       if (Request.Params["width"] == null)
          Response.Write("425");
        else
           Response.Write(Request.Params["width"]);
    %>";
      elMedia.Height="<%
        if (Request.Params["height"] == null)
          Response.Write("350");
        else
          Response.Write(Request.Params["height"]);
    %>";
   elMedia.source = "<% Response.Write(Request.Params["src"]); %>";
   elMedia.play();
}
</script>
</head>

<body bgcolor="black">
    <div id='slControlHost'>
      <script type='text/javascript'>
            createSilverlight();
            
      </script>
    </div>
</body>
</html>

????????? (Default.aspx)?????????????

Src (?????????? URL)?
Width (???????????)?
Height (???????????)?

???????? XAML ??????? Loaded="javascript:handleLoad ???????????? XAML ???????? JavaScript ?? (????? handleLoad)?

handleLoad ????????????? JavaScript ???? Silverlight ???????????? JavaScript ??? HTML DOM ????????Silverlight ??????? slControl1 (?????? CreateSilverlight.js)??????????????? slC JavaScript ??????????????????????? findName ????? XAML??? XAML ???????????????? XAML ???? MediaElement (?? VidElement) ????

var slC = document.getElementById("slControl1");
var elMedia = slC.content.findName("VidElement");

????????? C#??????????????????????????? Width?Height ? Source ???

elMedia.Width="<%
       if (Request.Params["width"] == null)
          Response.Write("425");
        else
           Response.Write(Request.Params["width"]);
    %>";
elMedia.Height="<%
        if (Request.Params["height"] == null)
          Response.Write("350");
        else
          Response.Write(Request.Params["height"]);
    %>";
elMedia.source = "<% Response.Write(Request.Params["src"]); %>";
elMedia.play();

?????????????????????????????????????

http://localhost:XXXX/VideoService/Default.aspx?src= http://download.microsoft.com/
download/d/e/2/de2bec9c-4ba1-406e-8029- 5c4767dca3eb/WPFE_Getting_Started_2MB_Ch9.wmv&height=200&width=200

?? XXXX ??? Web ???????????????

??????????????????????????????? Web ????????????? URL ? <IFrame> ??????