将Silverlight内容转换成HTML网页内容的方法

摘要

本发明提供一种将Silverlight内容转换成HTML网页内容的方法具有以下有益效果：该转换方法通过在Silverlight文件生成的原XAML文本文件中标签扩展属性信息和样式并进行重新封装，再通过转化成字符串并解析后，成为可采用HTML网页浏览的内容，这样用户就无需安装Silverlight插件，就可直接使用浏览器就能浏览已有的Silverlight创作内容，Silverlight内容能够在PC、手机、平板等设备上直接浏览，Silverlight内容能够在iOS、Android等系统上直接浏览，可使用户达到最佳的浏览体验。

说明书

技术领域

本发明涉及一种数据结构转换方法，特别涉及一种将Silverlight内容转换成HTML网页内容的方法。

背景技术

Microsoft Silverlight是一个跨浏览器的、跨平台的插件，为网络带来下一代基于.NET Framework的媒体体验和丰富的交互式应用程序。Silverlight提供灵活的编程模型，并可以很方便地集成到现有的网络应用程序中。Silverlight可以对运行在Mac或Windows上的主流浏览器提供高质量视频信息的快速、低成本的传递。

对于开发设计人员而言，Silverlight是一种融合了微软的多种技术的Web呈现技术。它提供了一套开发框架，并通过使用基于向量的图像图层技术，支持任何尺寸图像的无缝整合，对基于asp .net、AJAX在内的Web开发环境实现了无缝连接。Silverlight使开发设计人员能够更好的协作，有效地创造出能在Windows和Macintosh上多种浏览器中运行的内容丰富、界面绚丽的Web应用程序——Silverlight应用程序。简而言之，Silverlight是一个跨浏览器、跨平台的插件，为网络带来下一代基于.NET媒体体验，和丰富的交互式应用程序。

正是基于上述原因，目前互联网上的很多内容都是通过Silverlight来实现的，但Silverlight内容的浏览是需要安装专门的Silverlight的插件才能实现，这在一定程度上会影响部分用户的浏览体验。

发明内容

鉴于以上所述现有技术的缺点，本发明的目的在于提供一种能将Silverlight内容转换成HTML网页内容，使用户无需安装Silverlight插件就能对采用Silverlight创作的内容进行浏览的方法。

为实现上述目的及其他相关目的，本发明提供一种将Silverlight内容转换成HTML网页内容的方法，其包括如下步骤：

1）查找Silverlight文件生成的原XAML文本文件中的标签，根据标签所对应的含义，扩展原XAML文本文件中标签的属性信息和样式，并对原XAML文本文件中标签进行重新封装；

2）将重新封装后的XAML文本文件中标签转化为可作为HTML数据源的字符串；

3）解析字符串，然后把对应的数据通过HTML标记渲染出来。

优选的，在步骤2）中，转化的字符串为JSON字符串，步骤3）中是通过JS来解析JSON字符串。

优选的，在步骤3）的解析过程中，设置重新封装后的XAML文本文件标签与HTML标签的对照表，将重新封装后的XAML文本文件解析为HTML文本。

优选的，解析过程中，XAML文本文件中的标签采用HTML格式，属性信息通过JS实现，样式采用CSS格式。

如上所述，本发明的将Silverlight内容转换成HTML网页内容的方法具有以下有益效果：该转换方法通过在Silverlight文件生成的原XAML文本文件中标签扩展属性信息和样式并进行重新封装，再通过转化成字符串并解析后，成为可采用HTML网页浏览的内容，这样就无需安装Silverlight插件，可使用户达到最佳的浏览体验。

附图说明

图1为本发明实施例的流程图。

具体实施方式

以下通过特定的具体实例说明本发明的实施方式，本领域技术人员可由本说明书所揭露的内容轻易地了解本发明的其他优点与功效。本发明还可以通过另外不同的具体实施方式加以实施或应用，本说明书中的各项细节也可以基于不同观点与应用，在没有背离本发明的精神下进行各种修饰或改变。

如图1所示，本发明提供一种将Silverlight内容转换成HTML网页内容的方法，其包括如下步骤：

首先查找Silverlight文件生成的原XAML文本文件中的标签，原XAML文本文件中的标签主要包括文本、形状、图片、视频、音频、语音讲解等。由于这些原XAML文件本身提供的属性和样式比较简单，无法提供丰富的样式效果，所以我们需要对这些原XAML文本文件进行封装和扩展，从而能够在部件中提供业务数据和丰富样式的存储。根据各个标签所对应的含义，扩展原XAML文本文件中标签的属性信息和样式，并对原XAML文本文件中标签进行重新封装；扩展的属性信息和样式主要包括文本部件、矩形部件、图片部件等。扩展内容用于对原生XAML进行组合和修正，提供更加丰富的部件样式，记录用户输入的内容，以便于HTML网页展示。

接着将重新封装后的XAML文本文件中标签转化为可作为HTML数据源的字符串，一般转化为JSON字符串，考虑JSON文件的大小，这个JSON字符串仅记录组合XAML部件的类型及适用于组合XAML部件上的完整样式和用户输入内容。然后通过JS来解析JSON字符串，在解析过程中应设置重新封装后的XAML文本文件标签与HTML标签的对照表，将重新封装后的XAML格式文本解析为HTML格式文本。解析过程中，XAML格式文本中的标签采用HTML格式，属性信息利用JS实现，样式采用CSS格式。最后把对应的数据通过HTML、CSS、JS渲染出来，使内容页面、图片格式与HTML内容适配，这样Silverlight内容就可转换成HTML网页内容进行显示。

下面结合一具体实施例对本发明技术方案做进一步的描述。

首先查找Silverlight文件生成的原XAML文本文件中的标签，扩展原XAML文本文件中标签的属性信息和样式，并对原XAML文本文件中标签进行重新封装。定义Oceansoft.Course.Component.RichTextEditor.OsRichTextBox为组合部件的类型，System.Windows.Media.SolidColorBrush为适用于组合部件的背景颜色。然后在解析过程中，解析到Oceansoft.Course.Component.RichTextEditor.OsRichTextBox这种类型的内容时，转换成html中的P标签，后读取这个里面存储的属性数据，譬如：显示为水平滚动字幕、垂直滚动字幕、显示区域显示为椭圆形等等，然后利用JS语法，实现这些效果。然后检测到System.Windows.Media.SolidColorBrush时，把里面的样式数据填充到P标签中，检测到Html属性时，把显示内容填充到P标签的内部。

转换后的HTML内容适配是根据当前设备的大小微调页面中内容，具体包含：内容页面大小、图片格式；

n        内容页面大小调整逻辑；

u      设备浏览器有效尺寸>=内容页面的尺寸，按照内容页面大小原样展示；

u      设备浏览器有效尺寸<内容页面的尺寸，按照设备浏览器有效尺寸等比例缩小内容页面的大小；

u      按照上面2种效果应用后，如果内容高、宽跟设备浏览器四边相邻10px范围内，则自动填满设备浏览器，不留空隙；

u      页面中的内容按照上面的缩放比例自动调整大小；

n        图片格式；

u      按照上面的页面内容缩放比例，对图片内容等比例缩放后显示，这样可以降低图片大小，提升图片显示速度；

u      目前图片压缩比最高的是webp，但不是所有的设备都支持，所以根据设备对webp格式图片的支持情况，确定是否获取原图片的webp格式，进一步降低图片大小，提升图片显示速度。

下表为原生XAML跟HTML标签对照表片段（解析JSON字符串的时候会用到）：

XAML>HTML标签ParagraphpLineBreakbrBlockUIContainer/SectiondivTabletableTableColumncolTableRowGrouptbodyTableRowtrTableCelltdImageimgBlodbItaliciSpan/Run/InlineUIContainerspanList(MarkerStyle:None/Disc/Circle/Square/Box)ul/olListItemli

原生XAML进行封装扩展后，形成如下的一些扩展部件：下表为原生XAML跟HTML标签对照表片段（解析JSON字符串的时候会用到）：

组合XAML部件说明Oceansoft.Course.Component.RichTextEditor.OsRichTextBox文本部件Oceansoft.Course.Component.Shapes.*形状部件，输出SVG数据Oceansoft.Course.OsControls.OSImage图片Oceansoft.Course.Component.MediaPlayerPlus.MediaPlayerPlusView多媒体部件（视频、音频）Oceansoft.Course.Component.FrameAnimations.SimpleFrameAnimation简易帧动画Oceansoft.Course.Component.FrameAnimations.CustomFrameAnimation自定义帧动画Oceansoft.Course.Component.Narrator语音讲解

本发明的将Silverlight内容转换成HTML网页内容的方法具有以下有益效果：该转换方法通过在Silverlight文件生成的原XAML文本文件中标签扩展属性信息和样式并进行重新封装，再通过转化成字符串并解析后，成为可采用HTML网页浏览的内容，这样用户就无需安装Silverlight插件，就可直接使用浏览器就能浏览已有的Silverlight创作内容，Silverlight内容能够在PC、手机、平板等设备上直接浏览，Silverlight内容能够在iOS、Android等系统上直接浏览，可使用户达到最佳的浏览体验。所以，本发明有效克服了现有技术中的种种缺点而具高度产业利用价值。

上述实施例仅例示性说明本发明的原理及其功效，而非用于限制本发明。任何熟悉此技术的人士皆可在不违背本发明的精神及范畴下，对上述实施例进行修饰或改变。因此，举凡所属技术领域中具有通常知识者在未脱离本发明所揭示的精神与技术思想下所完成的一切等效修饰或改变，仍应由本发明的权利要求所涵盖。

去获取专利，查看全文>