为博客添加silverlight应用

原创 2007年09月27日 16:48:00

我们一起来为自己的博客实现一个silverlight的视频应用
首先开始前我们需要以下两件装备:
EME(Expression Media Encoder)可以从http://www.microsoft.com/expression上进行下载,里面还有一个update文件,一起下载安装,这个update文件提供了一些生成silverlight的模板文件,
然后再到http://www.silverlight.net下载Silverlight 1.0 RC版,以及Silverlight 1.1 Alpha Referesh版本。

接下来一起看一下EME的使用,图一为EME的界面,看起来还是非常简单的,的确只要花10分钟就可以让自己成为EME高手!
图一
起始.jpg
接下来我们只要向其中拖入一段视频文件即可,EME支持上百种格式,这里我拖入了一段香港回归十周年主题曲的MV格式为wmv格式
然后我们可以在右侧栏设置视频的相关属性,添加信息,水印等许多功能,这里大家可以自己尝试一下,在settings--profile中选择一种视频的压缩格式,我这里选择的是vc1 streaming 512k dsl。
metadate.jpgsettings.jpg
最后设置完视频的相关属性之后我们就可以为视频选择一个模板,然后生成silverlight应用了!
在这里遇到了一些麻烦,就是开始我在这里没有模板文件,几经周折最后终于解决了,解决方法如下:
首先找到EME的安装文件夹下的template文件夹,默认为 C:/Program Files/Microsoft Expression/Media Encoder 1.0/Templates
然后里面有个为en的文件夹,我们将其改为zh-CN重启EME就可以看见模板了
template.jpg
经过漫长等待。。
会在output文件夹输出如下文件
生成的文件.jpg
点击Default .html就可以看见自己的silverlight应用了
ulimate.jpg

接下来要做的就是把我们的silverlight作品插入到我们的网站或是博客了!
首先登录 http://silverlight.live.com/ 这个网站,这个网站是微软为了发展自己的silverlight产品免费提供的一个上传silverlight作品的平台,提供免费的5GB空间,每次上传文件的最大大小为22MB,大家可以注册登录一下,或是使用自己的passport就可以使用!
选择upload a Silverlight Application 就可以上传我们的silverlight!
upload.jpg
接下来我们要对我们输出的silverlight相关文件进行打包制作一下才可以上传,首先在生成的项目下新建立一个Manifest.xml文件内容如下


 1<SilverlightApp>
 2 <version>1.0</version> 
 3 <loadFunction>StartWithParent</loadFunction> 
 4 <jsOrder>
 5   <js>MicrosoftAjax.js</js> 
 6   <js>BasePlayer.js</js> 
 7   <js>PlayerStrings.js</js> 
 8   <js>player.js</js> 
 9   <js>StartPlayer.js</js> 
10 </jsOrder>
11</SilverlightApp>

然后选择文件夹中的所有jpg,xml,xaml,js,wmv,在我这个项目中也就是去掉html文件和csproj文件,然后打包成标准的zip文件!然后开始上传就OK了!上传完之后它会给出在网页中使用的代码,如下三个文件。
code.jpg
这里面其实可以把三个文件写成一段代码,类似如下所示

<script type="text/javascript" src="http://agappdom.net/h/silverlight.js"></script>
<div id="Wrapper_DemoShowForWPF" style="width:207px; height:200px; overflow:hidden;"></div>
<script type="text/javascript">
var Wrapper_DemoShowForWPF = document.getElementById("Wrapper_DemoShowForWPF");
Silverlight.createHostedObjectEx(
{
    source: 
"streaming:/636/DemoShowForWPF",parentElement: Wrapper_DemoShowForWPF}
);
</script>

我们把这段代码插入网页中即可完成!
最终效果预览可以见我博客首页

 

以前经常来这里,但是很少写博客.最近在做silverlight 项目.前几天被一个 类似.netmarquee的循环滚动的功能憋了很长时间,现在和大家分享下.

下面我来说下集合滚动.在silverlght中没有html那样简单一句话就能实现循环滚动.既:marquee. 原始的例:    要循环的信息      我查阅了大量的文档和帮助,我确定自...

在php中应用Ajax技术实现博客文章添加类别

一 代码 fun.js function saveType(typename, username){ if(typename==''){ //判断博客类别是否为空 ...

在PHP中应用AJAX技术实现博客文章类别添加

在PHP中应用AJAX技术实现博客文章类别添加

Silverlight应用程序中添加WCF服务的问题(整理)

Silverlight商业应用程序为领域数据服务提供了一个极佳的模板,我们可以快速的建立Silverlight的数据应用。当然我们也可以在之上在添加WCF服务而附加其他的服务调用。不过近日我在使用这个...
  • wlanye
  • wlanye
  • 2011年12月07日 11:51
  • 571

博客中的验证码的应用

  • 2011年12月20日 20:05
  • 25KB
  • 下载

WordPress博客应用

  • 2016年04月23日 23:38
  • 8.46MB
  • 下载

深度学习Attention机制在短文本分类上的应用——qjzcy的博客

平常我们对分类的判断也是基于标题中的某些字,或者某些词性。比如《姚明篮球打的怎样》应该判别为体育,这时候“姚明”,“篮球”应该算对我们比较重要的词汇。词性我们关注点在“人名”和“名词”上面,深度学习的...
  • qjzcy
  • qjzcy
  • 2017年04月17日 20:48
  • 1980

博客应用系统开发,与mysql的链接

  • 2011年06月25日 16:50
  • 9.86MB
  • 下载

RNN资源博客 Recurrent Neural Network的经典论文、代码、课件、博士论文和应用汇总

转载自:RNN资源博客 字数1701 阅读5199 评论2 喜欢4 Awesome Recurrent Neural Networks A curated list of res...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:为博客添加silverlight应用
举报原因:
原因补充:

(最多只允许输入30个字)