跳转到主要内容

一个Plone模块,它为collective.flowplayer添加了一个可访问的JavaScript控制栏

项目描述

如何工作

Multiple player

页面内多个播放器。

此产品使用您从Flowplayer获得的基本功能。

您必须知道,在您的Plone网站上安装collective.flowplayer会为您提供Flowplayer的所有功能。不幸的是,原生Flowplayer的控制栏并不总是可访问的:最近的一些版本在键盘上有时可以使用,但不是在所有浏览器上,也不是所有功能。有一个Flowplayer插件,它为您提供使用替代JavaScript控制栏创建和处理播放器的功能。

此产品正是完成这个任务。播放器的默认Flash控制栏将被禁用,并显示一个新的基于JavaScript的控制栏,提供一些WAI ARIA属性。

如果需要,您还可以再次启用原生Flash控制栏(由于安全原因,您只能在这里访问如视频全屏观看等功能)。为此,将“flowplayer_properties”属性表中的“toolbar_flash_controlsbar”属性设置为True

提供的控制栏插件不是您在Flowplayer网站上找到的原版,而是固定为更具可访问性和完全可使用键盘

您可以使用Tab键(向后移动请使用Shift+Tab)进行移动,并通过Enter键触发按钮。

当焦点在表示视频进度的滑块上时,您可以

  • 使用左右键向前/向后移动5秒

  • 使用Page Down/Page Up键向前/向后移动1分钟

  • 使用HOME键移动到视频开头

  • 使用END键移动到视频结尾

如果您不关心视频的辅助功能,您不需要此包(但显然您是个坏家伙)。

可访问滑块帮助文本

当您使用键盘导航到滑块并给予它焦点时,将显示一个带有如何使用键盘操作滑块的说明的帮助提示。

Help on Plone 4

帮助文本的显示方式(Plone 4)。

帮助文本提供英文(默认)、意大利语和丹麦语。要支持其他语言,您可以修改产品源代码,或者(更好)在flowplayer.accessible.controls.js之后注册额外的JavaScript。

jQuery.flowplayer_toolbar.slider_guide.xx = {
         intro:             'How to control the slider',
         left_arrow_label:  'Left arrow',
         left_arrow_help:   'backward 5 seconds',
         right_arrow_label: 'Right arrow',
         right_arrow_help:  'forward 5 seconds',
         page_up_label:     'Page up',
         page_up_help:      'backward 1 minute',
         page_down_label:   'Page down',
         page_down_help:    'forward 1 minute',
         home_label:        'Home key',
         home_help:         'go to beginning of clip',
         end_label:         'End key',
         end_help:          'go to end of clip'
};

将上面的xx替换为您语言的两位代码,并自定义其他字符串。加载的语言来自网站的语言(如有任何问题,将回退到英文)。

如果您喜欢,请将您的翻译发送给我,并看到它们成为下一个版本的组成部分。

依赖关系

适用于以下Plone版本

  • Plone 3.3

  • Plone 4.1

致谢

  • Jacopo Deyla,来自Regione Emilia Romagna,修复了控件栏插件的辅助功能,并提供有关WAI-ARIA技术和工具栏测试的帮助。

  • T.C. Mogensen(tmog)提供了丹麦语翻译,并对旧版Plone版本进行了测试。

变更日志

1.0.0 (2011-09-28)

  • 删除了insert-after JavaScript资源条款。这基本上是无用的,并导致此工具停止与最新的collective.flowplayer版本一起工作[keul]

  • 也在Plone 4.1上进行了测试

  • 添加了适当的卸载步骤[keul]

0.2.1 (2010-11-05)

  • 修复了使用IE时会导致控件栏崩溃的JavaScript错误[keul]

  • 添加了丹麦语翻译[tmog]

  • 删除了对“Plone”egg依赖,以再次与Plone < 3.2兼容[keul]

  • 使用JSLint验证了代码[keul]

  • 改进了UI音频支持(目前使用MP3时会有一个错误)[keul]

0.2.0 (2010-05-09)

  • 修复了JavaScript顺序问题;现在将控件栏的代码文件放在Flowplayer之后[keul]

  • 自动生成的控件栏ID的处理方式更好,使用“each”jQuery方法[keul]

  • 添加了对WAI-ARIA进度条角色的支持[keul]

  • 提供了一种保留Flash控件栏的方法[keul]

  • 现在仅在Flash控件栏可用时提供JavaScript控件栏[keul]

  • 在Plone 4上进行了测试[keul]

  • 增加控件栏的z-index,使其不会在其他HTML元素下方[keul]

  • 为键盘导航添加了按钮的悬停效果[keul]

  • 添加了一个可使用键盘访问的滑块,用于控制视频进度[keul]

  • 添加了对WAI-ARIA滑块角色的支持[keul]

  • 修复了许多焦点CSS效果[keul]

  • 修复了当Flowplayer用于多个剪辑时出现的CSS问题[keul]

0.1.0 (2009-12-08)

  • 初始版本

项目详情


下载文件

下载适用于您平台的文件。如果您不确定选择哪个,请了解更多关于安装包的信息。

源分布

collective.flowplayer_toolbar-1.0.0.tar.gz (26.1 kB 查看哈希值)

上传时间 源码

由以下提供支持