滚动字幕插件

第三方插件

Scrolling Marquee Plugin xml only plugin可运行于 Flash 以及 HTML5

简述

本插件可在krpano中生成滚动字幕，可选择在任意父元素的任意位置滚动或依附于默认皮肤上滚动。滚动内容可不随场景变化而变化，也可切换场景时同时切换字幕内容。在顶部滚动的字幕可设置背景层样式及字体样式。依附在皮肤上滚动的字幕默认样式与皮肤的字体样式相同，保持风格一致。字幕滚动的速度和循环之间的间歇时间可自定义。插件支持多个krpano版本包括最新的krpano  1.19 pr3和krpano 1.18.5。插件可完美运行在手机端和pc端。

演示

使用krpano 1.18.5 滚动字幕内容不随场景变化而变化，始终在屏幕上方循环滚动

 

使用krpano 1.19 pr3 滚动字幕内容随场景变化而变化，依附在默认皮肤中滚动

功能简介

  • 可选择在屏幕任意位置滚动字幕或依附在默认皮肤顶部滚动。
  • 文本内容可自定义是否随场景切换而更改。
  • 当选择在屏幕任意位置滚动字幕时，可自定义字幕条的宽度（定义距离窗口左右边缘的距离）、背景层样式及字体样式。
  • 依附在默认皮肤的滚动字幕样式与默认皮肤的字体样式一致。
  • 可自定义滚动速度与循环的间歇时间。
  • 支持手机端的单独设置。
  • 支持自定义字幕进入的时机。

使用方法

本插件需要配合官方插件textfiled插件，请在使用前确认在plugin文件夹中已经拷贝了对应版本的textfiled插件。

将scrolling_marquee.xml以及scrolling_marquee_data.xml拷贝到项目里根目录下。

在主xml文件加入以下代码：

滚动字幕的设置在scrolling_marquee_data.xml中进行。

scrolling_marquee_data.xml设置

基本设置（1.19）:

<roll_settings version=”119″ -> 1.19以上版本设置为119
parent=”stage” -> 选择字幕的父元素，默认为整个浏览器窗口，也就是stage
default_skin=”true” -> 是否让字幕依附于默认皮肤滚动，如果是设置true，不依附则设置为false
keep=”false” -> 是否根据场景变化设置不同的字幕内容，是的话设置为false，不是的话设置为true
control_yourself=”false”  -> 自主控制字幕进入的时机，默认为false，则不控制。设置为true自行安排roll_title_start()的位置。需要有krpano代码知识
align=”lefttop” -> 字幕对齐位置，默认为lefttop，可选leftcenter与leftbottom
speed.normal=”90″  -> 电脑和平板端的滚动速度
speed.mobile=”40″ -> 手机端的滚动速度
interval_time.normal=”2″-> 电脑和平板端的循环之间的间歇时间
interval_time.mobile=”2″  ->手机端的循环之间的间歇时间
bgalpha.normal=”0″  -> 电脑和平板端的字幕背景层透明度
bgalpha.mobile=”0″  -> 手机端的字幕背景层透明度
bgcolor.normal=”0x000000″  -> 电脑和平板端的字幕背景层颜色
bgcolor.mobile=”0x000000″  -> 手机端的字幕背景层颜色
bgborder.normal=”10 0xAAAAAA 0″  -> 电脑和平板端的字幕背景层边框样式
bgborder.mobile=”10 0xAAAAAA 0″  -> 手机端的字幕背景层边框样式
height.normal=”30″  -> 电脑和平板端的字幕背景层高度
height.mobile=”45″  -> 手机端的字幕背景层高度
y.normal=”0″  -> 电脑和平板端的字幕背景层y偏移值
y.mobile=”0″  -> 手机端的字幕背景层y偏移值
x.normal=”0″  -> 字幕左侧离屏幕左边缘的距离
x.mobile=”0″  -> 手机端的字幕左侧离屏幕左边缘的距离
x_r.normal=”0″  -> 字幕右侧离屏幕右边缘的距离
x_r.mobile=”0″  -> 手机端的字幕右侧离屏幕右边缘的距离
css_normal=”text-align:center; color:#FFFFFF; font-family:Arial; font-weight:bold; font-size:18px;” -> 电脑和平板端的字幕字体样式
css_mobile=”text-align:center; color:#FFFFFF; font-family:Arial; font-weight:bold; font-size:20px;” -> 手机端的字幕字体样式
skin_x.normal=”8″ -> 电脑和平板端的字幕与皮肤左上方标题之间的距离
skin_x.mobile=”5″ -> 手机端的字幕与皮肤左上方标题之间的距离
first=”true” -> 默认值，请勿设置
/>-> 以info开头命名的data元素，存储滚动字幕内容。如果始终只显示一个内容，则只需要设置名为info_0的data元素
<data name=”info_0″>
善卷洞是著名石灰岩溶奇洞、宜兴“三奇”之首。位于宜兴城西南约25公里的祝陵村螺岩山上，面积约为5000平方米，长约800米，全洞分上中下后四洞组成，洞洞奇异而相通。最奇的是下洞和水洞。水洞长120米，游人多以洞中泛舟为一乐事。 进入洞中，宛如进入一座地下宫殿。入口在中洞。卷洞是著名石灰岩溶奇洞、宜兴“三奇”之首。位于宜兴城西南约25公里的祝陵村螺岩山上，面积约为5000平方米，长约800米，全洞分
</data>
-> 如果需要根据场景切换不同的内容，则需要有多个不同的data，其命名为info_序号，序号则为场景序号，krpano的序号由0开始，因此第一个场景是info_0，第二个场景是info_1，第三个场景是info_2,以此类推。
<data name=”info_1″>
宜兴“三奇”之首。位于宜兴城西南约25公里的祝陵村螺岩山上，面积约为5000平方米，长约800米，全洞分上中下后四洞组成，洞洞奇异而相通。最奇的是下洞和水洞。水洞长120米，游人多以洞中泛舟为一乐事。 进入洞中，宛如进入一座地下宫殿。入口在中洞。
</data><data name=”info_2″>
位于宜兴城西南约25公里的祝陵村螺岩山上，面积约为5000平方米，长约800米，全洞分上中下后四洞组成，洞洞奇异而相通。最奇的是下洞和水洞。水洞长120米，游人多以洞中泛舟为一乐事。 进入洞中，宛如进入一座地下宫殿。入口在中洞。
</data>

基本设置（1.18）:

<roll_settings version=”118″ -> 1.18及以下版本设置为118
parent=”stage” -> 选择字幕的父元素，默认为整个浏览器窗口，也就是stage
default_skin=”true” -> 是否让字幕依附于默认皮肤滚动，如果是设置true，不依附则设置为false
keep=”false” -> 是否根据场景变化设置不同的字幕内容，是的话设置为false，不是的话设置为true
control_yourself=”false”  -> 自主控制字幕进入的时机，默认为false，则不控制。设置为true自行安排roll_title_start()的位置。需要有krpano代码知识
align=”lefttop” -> 字幕对齐位置，默认为lefttop，可选leftcenter与leftbottom
speed=”90″  -> 电脑和平板端的滚动速度
speed_mobile=”40″ -> 手机端的滚动速度
interval_time=”2″-> 电脑和平板端的循环之间的间歇时间
interval_time_mobile=”2″  ->手机端的循环之间的间歇时间
bgalpha=”0″  -> 电脑和平板端的字幕背景层透明度
bgalpha_mobile=”0″  -> 手机端的字幕背景层透明度
bgcolor=”0x000000″  -> 电脑和平板端的字幕背景层颜色
bgcolor_mobile=”0x000000″  -> 手机端的字幕背景层颜色
bgborder=”10 0xAAAAAA 0″  -> 电脑和平板端的字幕背景层边框样式
bgborder_mobile=”10 0xAAAAAA 0″  -> 手机端的字幕背景层边框样式
height=”30″  -> 电脑和平板端的字幕背景层高度
height_mobile=”45″  -> 手机端的字幕背景层高度
y=”0″  -> 电脑和平板端的字幕背景层y偏移值
y_mobile=”0″  -> 手机端的字幕背景层y偏移值
x=”0″  -> 字幕左侧离屏幕左边缘的距离
x_mobile=”0″  -> 手机端的字幕左侧离屏幕左边缘的距离
x_r=”0″  -> 字幕右侧离屏幕右边缘的距离
x_r_mobile=”0″  -> 手机端的字幕右侧离屏幕右边缘的距离
css_normal=”text-align:center; color:#FFFFFF; font-family:Arial; font-weight:bold; font-size:18px;” -> 电脑和平板端的字幕字体样式
css_mobile=”text-align:center; color:#FFFFFF; font-family:Arial; font-weight:bold; font-size:20px;” -> 手机端的字幕字体样式
skin_x=”8″ -> 电脑和平板端的字幕与皮肤左上方标题之间的距离
skin_x_mobile=”5″ -> 手机端的字幕与皮肤左上方标题之间的距离
first=”true” -> 默认值，请勿设置
/>-> 以info开头命名的data元素，存储滚动字幕内容。如果始终只显示一个内容，则只需要设置名为info_0的data元素
 <data name=”info_0″>
善卷洞是著名石灰岩溶奇洞、宜兴“三奇”之首。位于宜兴城西南约25公里的祝陵村螺岩山上，面积约为5000平方米，长约800米，全洞分上中下后四洞组成，洞洞奇异而相通。最奇的是下洞和水洞。水洞长120米，游人多以洞中泛舟为一乐事。 进入洞中，宛如进入一座地下宫殿。入口在中洞。卷洞是著名石灰岩溶奇洞、宜兴“三奇”之首。位于宜兴城西南约25公里的祝陵村螺岩山上，面积约为5000平方米，长约800米，全洞分
</data><data name=”info_1″>
宜兴“三奇”之首。位于宜兴城西南约25公里的祝陵村螺岩山上，面积约为5000平方米，长约800米，全洞分上中下后四洞组成，洞洞奇异而相通。最奇的是下洞和水洞。水洞长120米，游人多以洞中泛舟为一乐事。 进入洞中，宛如进入一座地下宫殿。入口在中洞。
</data><data name=”info_2″>
位于宜兴城西南约25公里的祝陵村螺岩山上，面积约为5000平方米，长约800米，全洞分上中下后四洞组成，洞洞奇异而相通。最奇的是下洞和水洞。水洞长120米，游人多以洞中泛舟为一乐事。 进入洞中，宛如进入一座地下宫殿。入口在中洞。
</data>

购买

正式价格为99人民币，源代码为加密形式。

测试期间（2015.12.31之前）购买者可免费获取非加密公开形式的源代码。

购买者可免费获得之后的升级版本。

本站VIP可直接以68人民币购买包含源代码。