APP下载

英语口语网络课程基于Flash技术播放器的设计与实现

2013-02-24周国华息明东张艳丽

中国现代教育装备 2013年11期
关键词:播放器字幕图层

周国华 息明东 张艳丽

佳木斯大学 黑龙江佳木斯 154007

随着网络技术、多媒体技术的迅速发展以及现代教育技术手段的广泛应用,网络教育逐渐成为传统教育的重要补充。网络教育的迅速发展需要大量既符合教育教学普遍规律,又符合网络教学特点的网络课程,英语口语网络课程就是遵循这些原则而进行设计开发的。

Flash文件具有占用空间小,缩放不变形,支持多种音视频格式,素材处理能力强,交互性强等优点。运用Flash软件开发与设计英语口语网络课程的播放器,能够较好地结合英语口语自身的特点,帮助学习者轻松完成学习目标。它拥有体积小、界面友好等网络传播优势,适合在网络环境中运行。所呈现的内容以图形和声音为主,为学习者营造一种身临其境的学习氛围,能够有效地激发学习者对英语口语学习的兴趣。考虑到学习者的个体差异,英语口语播放器应具有自由控制学习进度的功能,做到真正的“因材施教”,以利于提高教学效率。

认知心理学家对人类记忆率的研究发现:学习同样的材料,单用听觉,3小时后能记忆获知的70%,3天后降为10%;单用视觉,3小时后记忆中留存72%,3天后降为20%左右;如果视觉和听觉同时使用,3小时后保存85%,3天后留存65%。由此可见,视听觉结合将获得更多的教学信息量、更高的记忆保持率和最佳的学习效率,运用Flash软件开发的播放器是能够充分调动学习者视听觉的教学媒体。

1 播放器的设计与实现

1.1 界面设计

播放器的界面是学习者和网络课程的交互通道,界面设计的质量将直接影响到学习者获取信息的效果和效率。播放器界面的设计不仅要符合可用性理论,还要使学习者在使用过程中具有良好的体验感。本播放器以认知心理学、设计艺术学、多媒体技术为理论基础,运用Flash软件进行设计与开发,界面简洁清新、布局合理,功能齐全,便于学习者操作(如图1所示)。

图1 播放器界面

1.2 功能的实现

本播放器为英语口语网络课程量身定制,具有播放、暂停、停止、音量调节等基本功能。它给学习者留有足够的时间和空间调整自己的学习步调,满足不同学习者的学习需求,使参加网络课程学习的每一个学习者都能得到一定程度的发展。

1.2.1 “播放”功能的实现

“播放”按钮元件的制作过程如下:

新建一个名称为“播放”的按钮元件,在图层1中,设置“弹起”“指针经过”“按下”“点击”4个触发状态时播放按钮的形态。新建图层2,在“指针经过”状态插入关键帧,在舞台上选择合适的位置,输入静态文本“播放”,这样,“播放”按钮就制作完成了。其他按钮元件的制作与此相同,不再赘述。把“播放”按钮元件从“库”中拖拽到主场景,调整到合适的位置,并将其实例名称改为“play_btn”,便于脚本的调用。实现“播放”功能的脚本代码如下:

1.2.2 “暂停”功能的实现

“暂停”按钮元件的实例名称为“pause_btn”,实现“暂停”功能的脚本代码如下:

1.2.3 “停止”功能的实现

“停止”按钮元件的实例名称为“stop_btn”,实现“停止”功能的脚本代码如下:

1.2.4 “上一句”功能的实现

“上一句”按钮元件的实例名称为“p_btn”,实现“上一句”功能的脚本代码如下:

1.2.5 “下一句”功能的实现

“下一句”按钮元件的实例名称为“n_btn”,实现“下一句”功能的脚本代码如下:

1.2.6 “静音”功能的实现

静音功能由“静音”和“声音”两个按钮元件来实现,两个按钮元件的实例名称分别为“mute_btn”和“sound_btn”。实现“静音”功能的脚本如下:

实现“声音”功能的脚本如下:

1.2.7 “音量调节”功能的实现

“音量调节”是一个影片剪辑元件,其实例名称为“hk”,“滑块组合”实例名称为“yl”,实现“音量调节”功能的脚本代码如下:)

1.2.8 “当前状态”功能的实现

“当前状态”由“已停止”“正在播放”“已暂停”三个影片剪辑元件构成,这三个影片剪辑的实例名称分别为“stop”“play”“pause”。在第一帧,当前状态处于“已停止”状态,所以,实现此状态的脚本代码如下:

1.3 字幕设计

播放器中字幕的色彩(白色)与背景颜色(黑色)形成鲜明的对比,运用Flash软件的遮罩功能,字幕颜色会随着播放的内容变成红色,这样可以突出字幕的内容,吸引学习者的注意力,增强记忆力,提高学习效率,从而提高网络教学的效果。字幕设计的具体过程如下:

(1)新建一个影片剪辑元件,名称为“字幕”,选择文本工具,在图层1中输入与音频资料相对应的静态文本,选中文本,在属性面板中对字体及字体大小进行调整,并将字体颜色设置为白色。

(2)新建图层2,输入与图层1完全相同的文字内容,文字颜色设置为红色,调整位置,使其与图层1的文字位置完全重合。或者直接复制图层1的文字,在图层2中点击右键选择“粘贴到当前位置”,调整文字颜色即可。

(3)新建图层3,在第1帧制作一个小的无边矩形,置于文字内容的初始位置。在最后一帧,插入关键帧,用任意变形工具横向拉伸无边矩形,使其遮住整行文字,创建形状补间动画。

(4)把图层3转换为遮罩层,一行字幕制作完毕。

2 结束语

英语口语网络课程的播放器是在认知心理学、教育学等理论的指导下,运用多媒体技术和现代教育技术手段设计与开发的。它打破了英语网络课程中教学内容呈现方式的局限性,能够实现播放影音文件、调整学习进度等功能,有效地激发学习者的学习兴趣,达到良好的学习效果。

[1] 赵克学.Flash创意设计教程[M].北京∶清华大学出版社,2005.

[2] 许亚平.图像艺术家Photoshop[M].北京∶希望电子出版社,2003.

[3] 蔡朝晖.Flash ActionScript互动编程技术与实例[M].北京∶人民邮电出版社,2007.

[4] 王松美,林继玲.英语教育与素质教育[M].北京∶中华工商联合出版社,1999.

猜你喜欢

播放器字幕图层
为《飞舞的空竹龙》加动感
Walkman诞生40周年 索尼适时发布NW-ZX500和NW-A100系列播放器
基于STM32的MP3播放器设计
电视剧字幕也应精益求精
Moon ACE播放器/放大器一体机
解密照片合成利器图层混合模式
简单快捷提取视频文件中的字幕
整合适应选择度下的动画电影字幕翻译——以《冰河世纪》的字幕汉译为例
论纪录片的字幕翻译策略
播放器背板注塑模具设计