Silverlight集成HTML具体实现技巧介绍
创始人
2024-06-18 16:40:53
0

Silverlight的做哟欧诺个是非常强大的。我们可以使用这样的一款开发工具轻松的实现与多媒体有关的相关操作。在这里我们将会了解到Silverlight集成HTML的一些技巧方法。#t#

Object元素可以被用于Silverlight集成HTML的操作中,但是要在浏览器兼容的方式下进行。比较常见的应用有俩种,一个是嵌入 Silverlight 插件,并将该应用程序指定给宿主。另一个是指定在未安装 Silverlight 时显示的备用 HTML。

这些应用对应于 HTML 页的不同部分,尤其是,对应于 object 元素的不同配置参数。首先我们来介绍怎样使用每个过程中的代码段。***把他们结合起来,就确保得到了跨浏览器兼容性,并基于 Visual Studio 和 Expression Blend 用来动态生成测试页的模板。
嵌入插件

将 object 元素添加到 HTML,并指定属性和子 param 元素实现Silverlight集成HTML。

  1. < object width="300" height="300" 
  2. data="data:application
    /x-silverlight-2,"   
  3. type="application/x-
    silverlight-2" > 
  4. < param name="source" 
    value="SilverlightApplication1.xap"/> 
  5. < /object> 

width 和 height 属性是跨浏览器兼容性所必需的。可以相对于父元素的宽度和高度指定固定像素值或百分比。如果使用相对大小调整,可以通过处理 Content.Resized 事件对插件大小的更改做出响应。

type 属性和显示的特定值也是必需的。此值使用 Silverlight MIME 类型来标识插件和必需的版本。建议使用 data 属性及其值,以避免某些浏览器出现性能问题。请注意数据值的尾随逗号。它表示具有空值的第二个数据参数。名为 source 的 param 元素是必需的,该元素表示应用程序文件的位置和名称。通常在相对于 HTML 文件的位置指定一个 .xap 应用程序包。

指定要在未安装 Silverlight 时显示的备用 HTML

向子 param 元素后的 object 元素添加 HTML 内容实现Silverlight集成HTML。

  1. < object id="SilverlightPlugin1" 
    width="300" height="300" 
  2. data="data:application/x-silverlight-2,"   
  3. type="application/x-silverlight-2" > 
  4. < param name="source" value=
    "SilverlightApplication1.xap"/> 
  5. < !-- Display installation image. --> 
  6. < a href="http://go.microsoft.
    com/fwlink/?LinkID=149156"   
  7. style="text-decoration: none;"> 
  8. < img src="http://go.microsoft.
    com/fwlink/?LinkId=108181"   
  9. alt="Get Microsoft Silverlight"   
  10. style="border-style: none"/> 
  11. < /a> 
  12. < /object> 

该示例显示了默认安装映像源和安装程序 URI。使用这些 URI,服务器可以检测到用户的浏览器设置以提供正确版本的安装映像和安装程序。如果用户的浏览器不受支持,单击映像可使浏览器打开 Silverlight Requirements页。

为了将 Silverlight 安装体验集成到网页中,可以任意提供复杂的备用 HTML。不过,在许多情况下,用户必须在安装 Silverlight 后重新启动或刷新浏览器。对于 Internet Explorer 而言,只需要刷新浏览器,除非用户安装的是早期版本的 Silverlight 并通过安装链接升级。也可以自动刷新浏览器,或者通过使用 Silverlight.js 文件中的帮助器功能取消刷新要求。还可以使用 Silverlight.js 执行细化的浏览器要求检测。

该Silverlight集成HTML示例基于当您选择动态生成测试页时 Visual Studio 所使用的默认 HTML。该示例使用级联样式表 (CSS) 和 div 元素来包含插件。这可以确保插件延伸到浏览器窗口的边缘。此元素和其他附加到 HTML 的元素有助于确保跨浏览器兼容。

iframe 元素也用于确保跨浏览器兼容性。iframe 的存在可避免 Safari 浏览器缓存页面。当用户向后导航到以前访问过的 Silverlight 页面时,Safari 缓存可避免重新加载 Silverlight 插件。该示例使用 JavaScript 函数处理插件的 OnError 事件。JavaScript 错误处理程序在调试过程中很有用,但通常在部署应用程序时将其移除。

相关内容

热门资讯

如何允许远程连接到MySQL数... [[277004]]【51CTO.com快译】默认情况下,MySQL服务器仅侦听来自localhos...
如何利用交换机和端口设置来管理... 在网络管理中,总是有些人让管理员头疼。下面我们就将介绍一下一个网管员利用交换机以及端口设置等来进行D...
施耐德电气数据中心整体解决方案... 近日,全球能效管理专家施耐德电气正式启动大型体验活动“能效中国行——2012卡车巡展”,作为该活动的...
Windows恶意软件20年“... 在Windows的早期年代,病毒游走于系统之间,偶尔删除文件(但被删除的文件几乎都是可恢复的),并弹...
20个非常棒的扁平设计免费资源 Apple设备的平面图标PSD免费平板UI 平板UI套件24平图标Freen平板UI套件PSD径向平...
德国电信门户网站可实时显示全球... 德国电信周三推出一个门户网站,直观地实时提供其安装在全球各地的传感器网络检测到的网络攻击状况。该网站...
着眼MAC地址,解救无法享受D... 在安装了DHCP服务器的局域网环境中,每一台工作站在上网之前,都要先从DHCP服务器那里享受到地址动...
为啥国人偏爱 Mybatis,... 关于 SQL 和 ORM 的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行...