南翼信息发布系统节目制作例子（含互动节目） - 图文

节目制作例子

? 分屏节目

分屏节目就是把在屏幕的不同区域显示不同的内容，比如，在屏幕的左上角显示日期，屏幕的中间显示一个视频和网页，屏幕的下边显示一个滚动字幕。

1. 打开浏览器，输入ip地址加上端口，进入控制端 2. 打开节目编辑窗口，如下图

3. 把背景图片拖动到顶层容器上（默认背景是黑色），如下图

4. 点击顶层容器，在左上角把布局选择为绝对布局，并且输入长宽，即屏幕的分辨率

5. 把日期元素拖曳到顶层容器上，调整好大小和位置，并置左下角设置字体、颜色、字体大小等

6. 把时间元素拖曳到顶层容器上，调整好大小和位置，并置左下角设置字体、颜色、字体大小等

7. 把视频元素拖动到顶层容器上，调整好大小和位置，从资源列表里把视频拖动到视频元素上，然后选择视频元素，在节目编辑窗口的左下角设置每个视频的音量。

8. 把网页元素拖动到顶级容器上，调整好大小和位置，选中网页元素，在节目编辑窗口的左下角添加网页地址，并设置好每个网页的播放时长。

9. 把文字元素拖动到顶级容器上，调整好大小和位置，选中文字元素，在节目编辑窗口的左下角添加文字，并设置好每个文字的大小字体等属性。

10. 点击节目窗口的上方的保存按钮，在弹出的输入框中输入节目的名字，然后点击确定。

? 切屏节目

切屏节目就是容器上的节目一个一个播放，播放顺序是从左到右，从上到下，每个元素播放的时候的长宽为元素的长宽，即满屏播放。可以指定每个元素的播放时间，也可以指定元素里面的内容播放次数，如先播放两个视频，然后在播放五张图片，然后再播放三个网页。

1.打开浏览器，输入ip地址加上端口，进入控制端 2.打开节目编辑窗口，如下图

3. 点击顶层容器，在左上角把布局选择为时序布局，并且输入长宽，即屏幕的分辨率，如下图

4．把视频元素拖动到容器上，如下图

5. 把视屏文件拖动到视频元素上，并且设置每个视频的音量、元素播放次数（所有视频文件播放完了算一次），如下图

6. 把图片元素拖动到容器上，如下图

7.把图片文件拖动到图片元素上，并且设置图片元素的播放次数（所有图片播放完算一次），和图片间的切换的效果。

8.把网页元素拖动到容器里面，如下图

9.添加网页地址，并设置每个网页的播放时长，设置网页元素播放次数（所有网页地址播放完了算一次）如下图

10.点击节目窗口的上方的保存按钮，在弹出的输入框中输入节目的名字，然后点击确定。

? 互动节目

互动元素是指拥有互动元素，能在播放时与用户进行交互，用户能控制节目的切换。如点击按钮能切换到另一个节目、或点击按钮使屏幕的某一区域改变。

1、打开“节目”编辑窗口，在“新节目”下拉菜单中点击“互动”节目，主要节目如下图。

2、在节目编辑区域拖入普通元素，普通元素的使用请参考简单节目的制作。下面简单演示添加一个图片元素，并添加资源。

3、新增节目页。在互动节目的页面关系视图区域，选择要添加子页面的节点右击，选择“添加”。

4、在弹出的对话框输入需要添加的页面名称，如“汽车”。点击“确定”后，会在节目视图区域“Home”节点在新增“汽车”页。

5、点击节目视图中的节目节点，可以切换节目编辑区域当前正编辑的节目。点击新建的“汽车”节点，切换到汽车的节目编辑，按照简单节目的编辑方式，编辑汽车节目。

6、设置各节目页之间的跳转。切换到“Home”页，在节目编辑区域拖入一个互动按钮。在按钮的属性设置区域，能在“详细”选择卡中，设置按钮的背景图以及手指按下时的图片。如果没有设置图片，会使用默认的按钮图片。在事件的编辑区域可以为按钮设置各个事件。

7、点击事件编辑区域的“编辑”按钮，打开事件编辑界面。

从动作列表中选择要添加的动作，如选择“节目切换”中的“切换到”动作，也可以添加多个动作。添加动作后，会在组织动作列表中显示当前已添加的按钮动作。选择一个动作，在配置动作面板中配置动作的具体数据，如选择切换到“指定页面”中的“汽车”页。配置完成后，点击“确定”保存配置。

8、切换到“汽车”页面编辑，添加完普通元素后，拖入一个互动按钮，配置互动按钮返回首页。

9、在按钮的事件编辑界面，选择添加“节目切换”的“切换到”动作，在动作配置里面，选择切换到“Home”页。

10、再次添加一个页面，如“风景”页，在“风景”页的编辑界面中拖入一个“状态板”元素，实现节目的局部切换。在节目中拖入一个“状态板”和三个“按钮”元素。

本文来源：https://www.bwwdw.com/article/c6pf.html