在你的页面上添加Silverlight 应用 Step by Step
大家好;最近看一个国外视频新学到的!现在开始
下载Microsoft Media Encoder
下载 SIlverlight 1.1
(1)什么是Silverlight流:
是Windows Live 提供一个自由的Streaming和程序解决方案,是高质量,跨平台,跨浏览器的,能使用Media的丰富开发(Rich interactive application).
是使用的 服务式的方式来提供的(Click here 进能看页面)
(2)什么是 Expression Media Encoder
是Microsoft Expresssion Media的新特性,提供Media编码,能为添加编码和为Silverlight发布一个丰富的media 体验。
好我们现在开始为我们的博客添加一个Silverlight丰富的media体验;
1:你首先要选择一个自己喜欢视频:
我就用这个视频拉;Silverlight Brand Video
2:将视频放入Expression Media Encoder
注意:选择一个模版呀,要将默认在C:\Program Files\Microsoft Expression\Media Encoder 1.0\Templates\EN 下的EN文件夹的名字改成zh-CN;重起Expression Media Encoder就可以选择哦。
运行Expression Media Encoder-->将文件拖入Expression Media Encoder-->OK
之后点下面的Encode按钮;
3:上穿的准备工作
你的工程文件默认在C:\Program Files\Microsoft Expression\Media Encoder 1.0\Templates\EN 下
文件有:
BasePlayer.js
Default.html
//manifest.xml
MicrosoftAjax.js
player.js
player.xml
PlayerStrings.js
preview.jpg
project.csproj
Silverlight.js
XXXX.wmv
StartPlay.js
在这些文件中添加一个manifest.xml,在里面添上如下代码:
保存,接着就将所有文件压缩成.zip格式除project.csproj,Default.html这两个文件。
4 上传
注意:The file must be a valid Zip archive defining a Silverlight Application with its manifest. If the Silverlight application contains a video, the video file must be smaller than 22 MB.这就话必须是Zip文件,每次最多能上传22MB的文件。但如果超过22MB那就要同名(同一程序)上传;如下图
在上传之前你要拥有一个windows live ID,-->之后到http://silverlight.live.com/-->登陆-->Administration Home-->记得你的帐号--》点击Manage Applcations -->点击 Upload a Silverlight Applicaion-->完成
这时候就会出现如图:
依次是:
Application Name
Actions
同名(同一程序)继续上传
测试
删除程序
5怎样将程序添加到网站上
可以这样,先创建一个CreateSilverlight.js文件里面放:
保存,并上传到某个地址,(我是上传到博客圆的)
接着就是将:
贴在<body>中就可以哦;
总结:
这样就可以在博客上引用Media ,感觉很好,如果你上穿的是小应用程序那你也可以使用Sliverlight Streaming实现的。谢谢光临我的博客!
-----------------------------------worksguo
下载Microsoft Media Encoder
下载 SIlverlight 1.1
(1)什么是Silverlight流:
是Windows Live 提供一个自由的Streaming和程序解决方案,是高质量,跨平台,跨浏览器的,能使用Media的丰富开发(Rich interactive application).
是使用的 服务式的方式来提供的(Click here 进能看页面)
(2)什么是 Expression Media Encoder
是Microsoft Expresssion Media的新特性,提供Media编码,能为添加编码和为Silverlight发布一个丰富的media 体验。
好我们现在开始为我们的博客添加一个Silverlight丰富的media体验;
1:你首先要选择一个自己喜欢视频:
我就用这个视频拉;Silverlight Brand Video
2:将视频放入Expression Media Encoder
注意:选择一个模版呀,要将默认在C:\Program Files\Microsoft Expression\Media Encoder 1.0\Templates\EN 下的EN文件夹的名字改成zh-CN;重起Expression Media Encoder就可以选择哦。
运行Expression Media Encoder-->将文件拖入Expression Media Encoder-->OK
之后点下面的Encode按钮;
3:上穿的准备工作
你的工程文件默认在C:\Program Files\Microsoft Expression\Media Encoder 1.0\Templates\EN 下
文件有:
BasePlayer.js
Default.html
//manifest.xml
MicrosoftAjax.js
player.js
player.xml
PlayerStrings.js
preview.jpg
project.csproj
Silverlight.js
XXXX.wmv
StartPlay.js
在这些文件中添加一个manifest.xml,在里面添上如下代码:
<SilverlightApp>
<loadFunction>StartWithParent</loadFunction>
<jsOrder>
<js>MicrosoftAjax.js</js>
<js>BasePlayer.js</js>
<js>PlayerStrings.js</js>
<js>player.js</js>
<js>StartPlayer.js</js>
</jsOrder>
</SilverlightApp>
<loadFunction>StartWithParent</loadFunction>
<jsOrder>
<js>MicrosoftAjax.js</js>
<js>BasePlayer.js</js>
<js>PlayerStrings.js</js>
<js>player.js</js>
<js>StartPlayer.js</js>
</jsOrder>
</SilverlightApp>
保存,接着就将所有文件压缩成.zip格式除project.csproj,Default.html这两个文件。
4 上传
注意:The file must be a valid Zip archive defining a Silverlight Application with its manifest. If the Silverlight application contains a video, the video file must be smaller than 22 MB.这就话必须是Zip文件,每次最多能上传22MB的文件。但如果超过22MB那就要同名(同一程序)上传;如下图
在上传之前你要拥有一个windows live ID,-->之后到http://silverlight.live.com/-->登陆-->Administration Home-->记得你的帐号--》点击Manage Applcations -->点击 Upload a Silverlight Applicaion-->完成
这时候就会出现如图:
依次是:
Application Name
Actions
同名(同一程序)继续上传
测试
删除程序
5怎样将程序添加到网站上
可以这样,先创建一个CreateSilverlight.js文件里面放:
function CreateSilverlight(){
Silverlight.createHostedObjectEx({
source: "streaming:/(你的帐号)/Silver",parentElement: Wrapper_Silver});
}
Silverlight.createHostedObjectEx({
source: "streaming:/(你的帐号)/Silver",parentElement: Wrapper_Silver});
}
保存,并上传到某个地址,(我是上传到博客圆的)
接着就是将:
<script type="text/javascript" src="http://agappdom.net/h/silverlight.js"></script>
<script type="text/javascript" src="CreateSilverlight.js"></script>
<div id="Wrapper_Silver" style="width:500px; height:400px; overflow:hidden;"></div>
<script type="text/javascript">
var Wrapper_Silver = document.getElementById("Wrapper_Silver");
CreateSilverlight();
</script>
<script type="text/javascript" src="CreateSilverlight.js"></script>
<div id="Wrapper_Silver" style="width:500px; height:400px; overflow:hidden;"></div>
<script type="text/javascript">
var Wrapper_Silver = document.getElementById("Wrapper_Silver");
CreateSilverlight();
</script>
贴在<body>中就可以哦;
总结:
这样就可以在博客上引用Media ,感觉很好,如果你上穿的是小应用程序那你也可以使用Sliverlight Streaming实现的。谢谢光临我的博客!
-----------------------------------worksguo