互动功能介绍之四 互动聊天室的架设
2007/07/19 14:30
互动聊天室的服务器端,我们推荐使用Flash Media Server 2.0.3
您可以在Adobe 主页上面下载到试用版的FMS, 如果需要商业使用,我们推荐您购买正式版的Adobe Flash Media Server 2.0.3
如果安装路径为
C:\Program Files\Macromedia\Flash Media Server 2\
从server.zip中解压以下文件到对应位置.
Server\Flash Media Server\applications\chat\main.asc
=> C:\Program Files\Macromedia\Flash Media Server 2\applications\chat\main.asc
Server\Flash Media Server\conf\_defaultRoot_\_defaultVHost_\Application.xml
=> C:\Program Files\Macromedia\Flash Media Server 2\conf\_defaultRoot_\_defaultVHost_\Application.xml
如果您需要修改登录聊天室的默认信息及管理员帐号密码, 您可以在Application.xml里面搜索ApplicationObject 并修改相应的资料.
同样的请确认Application.xml文件编码格式为不带签名的UTF-8.
如果你也可以根据需要修改chat\main.asc文件来对聊天室进行二次开发.
打开你开始压制的互动视频试试看,您是否可以正常的连接到聊天室呢?
您可以在Adobe 主页上面下载到试用版的FMS, 如果需要商业使用,我们推荐您购买正式版的Adobe Flash Media Server 2.0.3
如果安装路径为
C:\Program Files\Macromedia\Flash Media Server 2\
从server.zip中解压以下文件到对应位置.
Server\Flash Media Server\applications\chat\main.asc
=> C:\Program Files\Macromedia\Flash Media Server 2\applications\chat\main.asc
Server\Flash Media Server\conf\_defaultRoot_\_defaultVHost_\Application.xml
=> C:\Program Files\Macromedia\Flash Media Server 2\conf\_defaultRoot_\_defaultVHost_\Application.xml
如果您需要修改登录聊天室的默认信息及管理员帐号密码, 您可以在Application.xml里面搜索ApplicationObject 并修改相应的资料.
<ApplicationObject>
<config>
<ServerName>服务器名称</ServerName>
<Contact>联系方式</Contact>
<WelcomeMsg>欢迎信息</WelcomeMsg>
<AdminName>管理员帐号</AdminName>
<AdminPass>管理员密码</AdminPass>
</config>
</ApplicationObject>
<config>
<ServerName>服务器名称</ServerName>
<Contact>联系方式</Contact>
<WelcomeMsg>欢迎信息</WelcomeMsg>
<AdminName>管理员帐号</AdminName>
<AdminPass>管理员密码</AdminPass>
</config>
</ApplicationObject>
同样的请确认Application.xml文件编码格式为不带签名的UTF-8.
如果你也可以根据需要修改chat\main.asc文件来对聊天室进行二次开发.
打开你开始压制的互动视频试试看,您是否可以正常的连接到聊天室呢?
互动功能介绍之三 互动界面的接口设置
2007/07/19 13:43
上次我们介绍了怎么加入菜单功能,这次就让我们来说说怎么设置互动界面和服务器之间的接口吧.
[点击下载server.zip文件]
首先我们需要一台web服务器,这台服务器可以是IIS, Apache, Tomcat 中的任何一种, 这台服务器至少能够传递静态的xml到客户端,当然如果您使用php,asp,jsp等脚本语言来动态生成xml的话,那么你制作出来的互动界面也会动感十足.
我们将以apache+php的服务器为例来说明怎样, 首先将一个域名指到您服务器的ip, 比如www.yourdomain.com ,然后把我们提供server.zip 里面的webserver下面的文件解压到 您的apache的页面根目录, 比如D:/webroot/. 接着打开http:// www.yourdomain.com/interactive.php 看看能否正常访问.如果能够正常访问的话,就说明你的网页服务器工作正常了.
然后我们来说明各个文件里面的配置.
修改php文件之前,注意2点
1. 尽量使用正规的编辑器,如EmEdit或者Editplus来修改php文件,直接用notepad修改可能会造成BOM的问题.
2. 确保php文件是utf-8编码, 如果需要从其他程序或者数据库里面导入数据的话,请做必要的编码转换工作.
首先打开interactive.php文件
interactive.php
这是一个xml的程序接口,您也可以用asp或者jsp来实现这个接口. interactive.php返回给互动程序的XML内容如下.
每个tab里面的信息都对应着上面一个按钮
open 为是否打开该选项
tip 为鼠标悬浮时候的默认信息
src为点击此选项的获取对应选项卡的服务器接口
description 则为点击鼠标时候选项卡下面的提示信息.
特别要注意的是id=2的选项卡
cfg003.3322.org为Flash Media Server的服务器地址,
chat为您的聊天服务器程序名称.
channel1为为您的聊天室频道信息.(也可以理解为聊天室房间).
[点击下载server.zip文件]
首先我们需要一台web服务器,这台服务器可以是IIS, Apache, Tomcat 中的任何一种, 这台服务器至少能够传递静态的xml到客户端,当然如果您使用php,asp,jsp等脚本语言来动态生成xml的话,那么你制作出来的互动界面也会动感十足.
我们将以apache+php的服务器为例来说明怎样, 首先将一个域名指到您服务器的ip, 比如www.yourdomain.com ,然后把我们提供server.zip 里面的webserver下面的文件解压到 您的apache的页面根目录, 比如D:/webroot/. 接着打开http:// www.yourdomain.com/interactive.php 看看能否正常访问.如果能够正常访问的话,就说明你的网页服务器工作正常了.
然后我们来说明各个文件里面的配置.
修改php文件之前,注意2点
1. 尽量使用正规的编辑器,如EmEdit或者Editplus来修改php文件,直接用notepad修改可能会造成BOM的问题.
2. 确保php文件是utf-8编码, 如果需要从其他程序或者数据库里面导入数据的话,请做必要的编码转换工作.
首先打开interactive.php文件
interactive.php
这是一个xml的程序接口,您也可以用asp或者jsp来实现这个接口. interactive.php返回给互动程序的XML内容如下.
<root>
<tab id="0">
<logo>
<title>SCM</title>
<src>logo_scm.png</src>
<url>http://www.scmfans.com</url>
</logo>
</tab>
<tab id="1">
<info>
<open>1</open>
<tip>相关介绍</tip>
<src>http://www.yourdomain.com/info.php</src>
<description>相关介绍</description>
</info>
</tab>
<tab id="2">
<chat>
<open>1</open>
<tip>互动聊天</tip>
<src>互动聊天演示</src>
<description>互动聊天室</description>
<app>chat</app>
<channel>channel1</channel>
</chat>
</tab>
<tab id="3">
<bbs>
<open>1</open>
<tip>论坛新贴</tip>
<src>http://www.yourdomain.com/bbs.php</src>
<description>论坛新贴（来自BT蚂蚁爬爬）</description>
</bbs>
</tab>
<tab id="4">
<down>
<open>1</open>
<tip>推荐下载</tip>
<src>http://www.yourdomain.com/download.php</src>
<description>推荐下载（来自BT蚂蚁爬爬）</description>
</down>
</tab>
<tab id="5">
<set>
<open>1</open>
<tip>功能选项</tip>
<src>http://www.yourdomain.com/option.php</src>
<description>功能选项</description>
</set>
</tab>
<tab id="ad">
<adv>
<src>ad.swf</src>
</adv>
</tab>
</root>
<tab id="0">
<logo>
<title>SCM</title>
<src>logo_scm.png</src>
<url>http://www.scmfans.com</url>
</logo>
</tab>
<tab id="1">
<info>
<open>1</open>
<tip>相关介绍</tip>
<src>http://www.yourdomain.com/info.php</src>
<description>相关介绍</description>
</info>
</tab>
<tab id="2">
<chat>
<open>1</open>
<tip>互动聊天</tip>
<src>互动聊天演示</src>
<description>互动聊天室</description>
<app>chat</app>
<channel>channel1</channel>
</chat>
</tab>
<tab id="3">
<bbs>
<open>1</open>
<tip>论坛新贴</tip>
<src>http://www.yourdomain.com/bbs.php</src>
<description>论坛新贴（来自BT蚂蚁爬爬）</description>
</bbs>
</tab>
<tab id="4">
<down>
<open>1</open>
<tip>推荐下载</tip>
<src>http://www.yourdomain.com/download.php</src>
<description>推荐下载（来自BT蚂蚁爬爬）</description>
</down>
</tab>
<tab id="5">
<set>
<open>1</open>
<tip>功能选项</tip>
<src>http://www.yourdomain.com/option.php</src>
<description>功能选项</description>
</set>
</tab>
<tab id="ad">
<adv>
<src>ad.swf</src>
</adv>
</tab>
</root>
每个tab里面的信息都对应着上面一个按钮
open 为是否打开该选项
tip 为鼠标悬浮时候的默认信息
src为点击此选项的获取对应选项卡的服务器接口
description 则为点击鼠标时候选项卡下面的提示信息.
特别要注意的是id=2的选项卡
<src>www.yourdomain.com</src>
<description>互动聊天</description>
<app>chat</app>
<channel>channel1</channel>
<description>互动聊天</description>
<app>chat</app>
<channel>channel1</channel>
cfg003.3322.org为Flash Media Server的服务器地址,
chat为您的聊天服务器程序名称.
channel1为为您的聊天室频道信息.(也可以理解为聊天室房间).
互动功能介绍之二 增加用户粘性,为影片添加互动功能
2007/07/17 16:44
互动功能的制作工具比普通的制作工具要多出2个文件,一个是menu.ini文件,用来生成系统托盘的菜单,一个是config.dat用来存储互动功能所需要的数据.
我们需要首先在配置文件cfg.ini里面加入这么一行
然后打开menu.ini 对菜单进行配置.
我们来看一个最简单的系统托盘菜单的例子
这几句代码就在菜单里面加入一个指向www.scmfans.com的菜单链接了.
caption就是菜单所显示的文字了
还有以前提到的字幕选择功能
[LoadUI]
usetray=true
traymenus=menu01|menu02|menu03|menu04 ;不同菜单之间用|隔开.
[menu01]
caption=相关网站
type=openie;打开ie浏览器
url=http://www.scmfans.com ;浏览器显示该页面
[menu02]
type=line ;这里的意思是添加一条分割线.
[menu03]
caption=简体字幕
type=subtitle ;使用改变字幕
tag=chs ;改变字幕为中文简体字幕,这里的tag需要和前面的tag名称相符
[menu04]
caption=英文字幕
type=subtitle
tag=eng ;切换为英文字幕,这里的tag也要和cfg.ini里面的字幕tag相同.
[menu05]
caption=关闭字幕
type=subtitle
tag= ;如果tag为空的话,那就是关闭字幕了
相信大家已经通过添加字幕控制熟练了系统托盘菜单的使用,那么我再介绍几种不同的菜单类型吧.
[menu05]
caption=快进(1分钟)
type=seek ;调整播放进度
time=+60.0 ;前进60秒
[menu06]
caption=快退(1分钟)
type=seek ;调整播放进度
time=-60.0 ;数值为负的话为后退60秒
[menu07]
caption=章节1
type=chapter;跳转到某一章节
time=s:60.0 ;章节位置为从片头开始的60秒的位置
[menu08]
caption=显示互动窗口
type=window;设置互动窗口
func=show ;显示互动窗口
[menu09]
caption=隐藏互动窗口
type=window;设置互动窗口
func=hide ;隐藏互动窗口
现有的菜单就这么几种类型了, 大家加了菜单之后不要忘记在traymenus后面加入新的目录名称哈
双击scmconv.cmd来生成互动版本的视频,如果一切顺利的话,当您双击生成好的scm文件的时候,您就可以看到播放器右侧的互动视频窗口了.
我们需要首先在配置文件cfg.ini里面加入这么一行
[General]
config.ui=./config.dat|ui
config.ui=./config.dat|ui
然后打开menu.ini 对菜单进行配置.
我们来看一个最简单的系统托盘菜单的例子
[LoadUI]
usetray=true ;首先激活系统托盘的菜单模式
traymenus=menu01 ;定义需要使用的菜单.
[menu01]
caption=相关网站 ;菜单显示的文字
type=openie;打开ie浏览器
url=http://www.scmfans.com
usetray=true ;首先激活系统托盘的菜单模式
traymenus=menu01 ;定义需要使用的菜单.
[menu01]
caption=相关网站 ;菜单显示的文字
type=openie;打开ie浏览器
url=http://www.scmfans.com
这几句代码就在菜单里面加入一个指向www.scmfans.com的菜单链接了.
caption就是菜单所显示的文字了
还有以前提到的字幕选择功能
[LoadUI]
usetray=true
traymenus=menu01|menu02|menu03|menu04 ;不同菜单之间用|隔开.
[menu01]
caption=相关网站
type=openie;打开ie浏览器
url=http://www.scmfans.com ;浏览器显示该页面
[menu02]
type=line ;这里的意思是添加一条分割线.
[menu03]
caption=简体字幕
type=subtitle ;使用改变字幕
tag=chs ;改变字幕为中文简体字幕,这里的tag需要和前面的tag名称相符
[menu04]
caption=英文字幕
type=subtitle
tag=eng ;切换为英文字幕,这里的tag也要和cfg.ini里面的字幕tag相同.
[menu05]
caption=关闭字幕
type=subtitle
tag= ;如果tag为空的话,那就是关闭字幕了
相信大家已经通过添加字幕控制熟练了系统托盘菜单的使用,那么我再介绍几种不同的菜单类型吧.
[menu05]
caption=快进(1分钟)
type=seek ;调整播放进度
time=+60.0 ;前进60秒
[menu06]
caption=快退(1分钟)
type=seek ;调整播放进度
time=-60.0 ;数值为负的话为后退60秒
[menu07]
caption=章节1
type=chapter;跳转到某一章节
time=s:60.0 ;章节位置为从片头开始的60秒的位置
[menu08]
caption=显示互动窗口
type=window;设置互动窗口
func=show ;显示互动窗口
[menu09]
caption=隐藏互动窗口
type=window;设置互动窗口
func=hide ;隐藏互动窗口
现有的菜单就这么几种类型了, 大家加了菜单之后不要忘记在traymenus后面加入新的目录名称哈
双击scmconv.cmd来生成互动版本的视频,如果一切顺利的话,当您双击生成好的scm文件的时候,您就可以看到播放器右侧的互动视频窗口了.
互动功能介绍之一 互动界面使用说明
2007/07/17 14:01
1.0.1.10版本的解码器新增了互动视频的支持,supermv官方也放出了带互动功能的视频制作工具scmConverter
现在就让我们通过网页的形式来对互动视频的部分功能做一个简单的介绍吧.
您也可以通过下载[演示视频 32M]和[解码器 ]来亲身体验SCM视频强大的互动功能.
打开这个互动功能的演示页面
我们可以看到flash的演示界面.
第一页我们可以看到这个介绍性的页面,您可以在这个页面放如一些对网站的介绍和说明
界面标题栏里面的"视频精灵-SCM"的字样和坐标的那个绿色图标都是可以通过互动接口进行动态调整的.
上面的五个按钮控制的对应界面也可以通过互动接口来设定是否开启.
点击那个紫色的按钮,我们可以看到这个聊天室的登陆界面.
填写昵称之后点击进入就可以进入视频制作者提供的聊天室.
在这里大家可以进行群聊,或者点击用户列表和朋友进行私聊.
橙色的RSS和绿色的按钮则是让互动界面获取论坛的最新帖子和最新下载之类的信息,每次打开视频都会获取最新的帖子列表.对于论坛和网络的推广很有帮助.
点击齿轮型的图标则是进入视频压制者嵌入的视频控制界面,包括章节跳转和字幕选择之类的功能.
互动功能的界面基本就是这样的了.大家可以自己尝试使用一下.
有兴趣的朋友还可以自己压制一些互动视频来尝试一些不同的效果.至于如何制作互动视频的,请关注我们SCM教程系列.
现在就让我们通过网页的形式来对互动视频的部分功能做一个简单的介绍吧.
您也可以通过下载[演示视频 32M]和[解码器 ]来亲身体验SCM视频强大的互动功能.
打开这个互动功能的演示页面
我们可以看到flash的演示界面.
第一页我们可以看到这个介绍性的页面,您可以在这个页面放如一些对网站的介绍和说明
界面标题栏里面的"视频精灵-SCM"的字样和坐标的那个绿色图标都是可以通过互动接口进行动态调整的.
上面的五个按钮控制的对应界面也可以通过互动接口来设定是否开启.
点击那个紫色的按钮,我们可以看到这个聊天室的登陆界面.
填写昵称之后点击进入就可以进入视频制作者提供的聊天室.
在这里大家可以进行群聊,或者点击用户列表和朋友进行私聊.
橙色的RSS和绿色的按钮则是让互动界面获取论坛的最新帖子和最新下载之类的信息,每次打开视频都会获取最新的帖子列表.对于论坛和网络的推广很有帮助.
点击齿轮型的图标则是进入视频压制者嵌入的视频控制界面,包括章节跳转和字幕选择之类的功能.
互动功能的界面基本就是这样的了.大家可以自己尝试使用一下.
有兴趣的朋友还可以自己压制一些互动视频来尝试一些不同的效果.至于如何制作互动视频的,请关注我们SCM教程系列.
实战SCM视频制作之四 为视频添加多语言字幕
2007/07/17 11:32
srt? ssa? sub? 这些字幕中任何一种,您都可以用scmConverter.exe将其轻松的压入scm视频中.
找出开始被我们丢在一边的cfg.ini文件来吧.
在里面输入以下内容,确保src目录下面有sample.chs.srt和sample.eng.srt这两个文件.
你可以只使用一个字幕文件,删除subtitle2=eng和[eng]以下的内容就可以了.
也可以再添加其他字幕,在[Subtitle]里面加入subtitle3=kor 然后再最后添加上
记得默认字幕要在对应的字幕信息下面加上default=true
我们会在以后的互动功能介绍里面详细介绍大家如何加入动态更换字幕的界面
然后准备一个step4.bat文件,输入
双击step4.bat, 转换之后的效果就是这样的了
找出开始被我们丢在一边的cfg.ini文件来吧.
在里面输入以下内容,确保src目录下面有sample.chs.srt和sample.eng.srt这两个文件.
[General]
[Subtitle]
subtitle1=chs ;导入名称为chs的字幕1
subtitle2=eng ;导入名称为eng的字幕2
[chs]
source=./src/sample.chs.srt ;名称为chs的字幕会使用 ./src/sample.chs.srt的文件作为字幕源
name=chs ;该字幕名称问chs,这个在[url=http://scmfans.com/blog/view/7.htm]系统托盘的菜单设置[/url]和互动界面控制里面会用到.
default=true ;是否为默认字幕
[eng]
source=./src/sample.eng.srt
name=eng
[Subtitle]
subtitle1=chs ;导入名称为chs的字幕1
subtitle2=eng ;导入名称为eng的字幕2
[chs]
source=./src/sample.chs.srt ;名称为chs的字幕会使用 ./src/sample.chs.srt的文件作为字幕源
name=chs ;该字幕名称问chs,这个在[url=http://scmfans.com/blog/view/7.htm]系统托盘的菜单设置[/url]和互动界面控制里面会用到.
default=true ;是否为默认字幕
[eng]
source=./src/sample.eng.srt
name=eng
你可以只使用一个字幕文件,删除subtitle2=eng和[eng]以下的内容就可以了.
也可以再添加其他字幕,在[Subtitle]里面加入subtitle3=kor 然后再最后添加上
[kor]
source=./src/sample.kor.srt
name=kor
source=./src/sample.kor.srt
name=kor
记得默认字幕要在对应的字幕信息下面加上default=true
我们会在以后的互动功能介绍里面详细介绍大家如何加入动态更换字幕的界面
然后准备一个step4.bat文件,输入
D:\scmConverter\scmConverter.exe -i D:\scmConverter\sample.rmvb -o D:\scmConverter\sample.scm -ci D:\scmConverter\cfg.ini
双击step4.bat, 转换之后的效果就是这样的了
