美萍VOD点播系统界面设计教程 - 漫步者

美萍VOD点播系统是一套功能强大,使用简单的VOD点播系统,其内置高效服务器引擎，采用多线程，多并发流处理技术，客户端支持WEB界面点播或者应用程序界面点播两种界面。支持目前所有流行的媒体格式，是网吧，学校机房，图书馆等场所理想的视频点播,音频点播系统。美萍vod点播系统的客户机界面采用网页模板动态产生，所以您可以任意定制您的客户端界面。通过在服务器端的设置，可以即时更换新的皮肤（SKIN）

以下是设计客户端界面（SKIN）应该遵循的规范。

（一）目录结构。

1）所有皮肤目录应该以“skin_”开头，比如我们软件已经带的皮肤skin_osx是水滴界面，skin_bluexp是XP界面，并且放置在VOD主目录下的Client\view\中，只有这样vod程序才能识别这个皮肤，并且在系统设置界面显示出来。缺省的界面文件放在images下。

2）所有图片，网页文件，相关资源都应该放在这个皮肤目录下。但有一个例外是开发main.htm文件要在这个目录的上一级目录开发，即放在和list.exe文件同一个目录下开发。开发完成后再把main.htm文件拷贝到这个皮肤目录成为一个完成的皮肤界面而发布

(作为测试您可以直接在skin_osx打开main.htm文件，会发现所有的图片都无法显示，而当您把这个main.htm拷贝到上一级目录后，再打开main.htm文件即可正常）

（二）必须有的文件

1）main.htm 客户机主界面文件模板

2）download.htm 下载界面

3）note.htm 客户留言界面

4）GroupTemplate.htm 组播界面模板

5）skin.ini 这个模板的配置文件

其他图形文件，您可以根据需要更改。

（三）具体文件修改

1）main.htm 客户机主界面文件模板的修改。

请保留<head> </head>这对标签中所有的内容。其中包括CSS控制，javascript函数等。

在<body>中有 <#ClassTree> 分类树 <#ClassName> 当前类名 <#NewList> 节目列表 <#News> 公告显示四个标签一定要保留，程序就是通过这四个标签来产生新的网页的。

2）GroupTemplate.htm 组播界面模板

这个文件没有什么要说明的，只要把所有<# > 的标签保留即可

3）skin.ini 模板的配置文件

下面是这个文件的内容

[info]

Name=VOD默认界面

Design=美萍软件公司

Date=2002-11-25

Ver=1.1

[setup]

fcolor=000000 //字体颜色

bcolor=F7f7f7 //背景颜色

treecolor=FFFFFF //目录数的字体颜色。

pagenum=10 //每页显示的节目数

您可以手工修改或者通过vod程序的设置中来修改。

（四）如何发布

设计完成后把main.htm文件拷贝到您设计的这个界面目录中即可发布。

1）把这个目录打成包，用户拷贝到client\view下解压即可。然后进入vod程序的设置中，设置一下使用这个新界面。

2）您可以为这个界面做个安装程序自动安装。

美萍vod软件安装后，安装路径存放在注册表的HKEY_CURRENT_USER\Software\Mpsoft\mpvod\vodpath下，您可以

读取这个值来自动安装新界面。