如何在博客页面中嵌入Silverlight控件?

时间:2010-02-02 15:49:20

标签: silverlight blogs blogger

如何在博客文章中嵌入Silverlight中编写的演示小程序?是否可以使用任何托管的博客引擎,或仅使用我自己托管的博客引擎?

我假设我需要使用与带有SL控件的常规(X)HTML页面中相同的标签和.js。是否有任何托管的博客引擎允许我输入? (博客可以吗?)

SL安全模型是否意味着XAP文件需要与博客页面本身托管在同一站点上?

5 个答案:

答案 0 :(得分:3)

您可以使用<object>标记在HTML中托管Silverlight应用,博客主机无需了解其中的任何内容。托管Silverlight应用程序没有服务器端元素,它纯粹是客户端方面的事情。

<object id="SL" data="data:application/x-silverlight-2," type="application/x-silverlight-2" style="width:400px; height:300px">
  <param name="source" value="MySLApp.xap" />
  <param name="minRuntimeVersion" value="3.0.40624.0 />
  <param name="initParams" value="someParam=value" />
  <a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=3.0.40624.0" style="text-decoration: none;">
    <img src="http://go.microsoft.com/fwlink/?LinkId=108181" style="border-style: none" alt="Get Microsoft Silverlight" />
  </a>
</object>

在这种情况下,Silverlight应用程序“MySLApp.xap”与使用它的HTML页面放在同一文件夹中。但是,如果您愿意,它可能位于不同的服务器上。但是,对HTML Bridge的访问权限将被阻止,但如果您的应用程序是自包含的,并且不需要与主机页面通信,那么就没有问题。

答案 1 :(得分:2)

我创建了一个Silverlight xap来托管我的wordpress主题中的英雄图片或视频 - 我使用每个帖子的initparams和自定义字段将内容传递给它。

这样我可以使用相同的xap来管理带有媒体控件的视频(如果合适的话)或带有炫酷淡入/点击效果的图像

示例图片帖子:

http://www.blackspike.com/site/html/display-google-docs-spreadsheets-in-wordpress

示例视频帖子(点击控件的视频):

http://www.blackspike.com/site/wpf/hanselmans-babysmash

两者都使用相同的xap!

答案 2 :(得分:1)

一个对我有用的简单解决方案就是使用iFrame。所以我将Visual Studio生成的常规TestPage.html发布到我的网站(当然还有.XAP文件)然后嵌入它:

<iframe src="http://www.lostbearlabs.com/sl/Spring001/TestPage.html" frameborder="0" width="400" height="400" scrolling="no" ></iframe>

使用博客,我发现了这个问题:任何使HTML变得漂亮的尝试(例如通过将其拆分为单独的行)会导致博主在输出中插入虚假<br>标记,即使我使用“编辑HTML”视图。所以iFrame标签必须都在一行!!

答案 3 :(得分:0)

您可能希望检查主机是否已映射所需的MIME类型:

http://learn.iis.net/page.aspx/262/configuring-iis-for-silverlight-applications/

根据此Server 2008 IIS7应该开箱即用,但IIS6可能需要添加MIME类型...

答案 4 :(得分:0)

如果HTML页面和Silverlight xap文件托管在同一台服务器上,那么标记为上述答案的解决方案效果很好。

由于在大多数情况下这是不可能的,因为大多数博客使用博主/ WordPress。我们没有办法在这些托管服务提供商上设置mime类型。

这是一个很好的链接,详细解释了hosting an Silverlight application in blogger