必威体育下载基督教Heilmann

您当前正在浏览API类别的存档。必威体育简介

“api”类别的存档

脚本支持@mediaAjax 2008

周一,9月15日,二千零八

我现在在@media ajax 2008年准备好上台发表我的“启用脚本”演讲,解释关于可访问性的主要问题是我们之间的交流不够。技术从来都不是我们拥有可访问性的真正边界,这是因为我们不知道人们是如何工作的,也不知道什么技术是有能力的。

[幻灯片共享ID=598740&Doc=AtMediaAjaxScriptingableD-12214704002418982-9&W=425]

演示文稿中的链接

所以你想创建可访问的在线视频,呵呵?

周一,7月21日,二千零八

这是一个简短的解释,我认为什么是一个很好的方式,使在线视频访问。我的研究是基于简易YouTube播放器.本文中没有代码示例,只提供了指向已经存在的解决方案的链接。我们将在以下网址处理可访问在线视频的示例框架问题:已启用脚本

在线视频是一件好事,毫无疑问。每天都有数百万人在网上观看教程,屏幕截图,指令,电视节目,电影和是的——猴子从树上掉下来——在线。

问题是,尽管视频具有高度的包容性-如本例所示的聋哑聊天室–它也与网络所基于的技术格格不入。

视频对网络来说是个陌生人(目前)

浏览器还没有任何本地视频显示-HTML 5是朝着这个方向发展的,但在所有使用中的浏览器都支持它之前,还需要一段时间。为了在网站上播放视频,我们需要依赖嵌入到Web文档中的其他技术,即所谓的插件。

插件技术在过去的几年中不断出现,RealPlayer有其臭名昭著的“缓冲”消息,QuickTime在质量上与Macs和不太幸运的计算机有着惊人的差异,Windows Media Player无法在Windows以外的其他平台上播放(直到最近,那是)和过多的Linux极客格式-奥格,马特罗斯卡之类的人——他们都是自由的,开源的,充满伟大的想法,缺乏任何重要的采用和市场份额。

你可以使用其中的任何一个来创建在线视频,它们都有很好的创作工具——大部分都是昂贵的——但是如果你真的想让你的生活更轻松,在市场采用和跨平台可移植性方面,使用让所有其他插件望尘莫及的插件:flash。

Flash - aaaaaaaaaaaahhhhhh,互联网救世主?

YouTube和其他在线视频网站显示,吸引数百万用户和消费者的主要诀窍是尽可能容易地嵌入视频信息。YouTube的大部分浏览量和流量来自于其网络之外的博客嵌入。新闻网站和其他网站。几乎每台电脑上都有Flash,不支持它几乎就是犯罪。垄断从来都不好,但最近,Adobe在为第三方开发人员提供更多Flash方面取得了飞跃,在内部结构和API方面,许多其他技术都可以从他们的书中获益。当然,我们有Silverlight在不久的将来与这种垄断作斗争——让我们希望微软能够考虑到Flash的学习。必威体育下载

Flash视频格式(FLV)是专为网络使用-小,流动,允许字幕、声音和视频分离——这很有意义。

所以我们有技术,我们有一个好的格式,是什么阻止我们创建包容性视频?

无法集中精力–浏览器和插件以及辅助技术不在树上

闪存和可访问性的问题不一定是系统本身——而是浏览器与插件之间的通信。这些东西与当地的环境格格不入HTML,我们必须再次面对浏览器之间实现的巨大差异。如果您直接在浏览器中打开Flash电影,这不是什么问题,问题是把它们嵌入HTML文件。这是我们一直在做的,虽然以确保搜索引擎可以找到我们的网站,因为直到最近闪存内容没有被他们索引。

微软,Active-X作为独立应用程序和网络之间惊人的生产力和交互的典范(并且允许许多病毒和特洛伊木马免费运行),在允许Flash通信方面做得非常好,MSIE以及辅助技术。

在Firefox中,另一方面,不能使用键盘切换到Flash电影。您可以在Flash中设置和释放焦点,并在电影周围设置标签,但不知怎的,它是非常脆弱的,很多都取决于运气——或者坚持使用Internet Explorer和Windows。

后者不适合我。火狐有着惊人的可访问性,到目前为止我遇到的所有扩展都是免费的。当我能买100英镑(或200英镑)的时候,为什么要有人为了上网而花很多钱呢?美国美元)笔记本电脑,去买Linux和火狐或者Opera然后开始?苹果电脑以画外音作为屏幕阅读器。为什么不是窗户?

不管怎样,回到焦点问题。虽然有一个很好的视觉线索表明某些东西是集中在闪光灯上的,但这并不一定意味着辅助技术会知道它。这是个问题,很多人也不喜欢这样的事情发生——你知道作为一个网页开发人员有多少次被要求“当你点击链接时删除链接周围丑陋的边界”吗?

通过创建浏览器插件通信来避免焦点问题

解决大多数这些问题的方法是通过提供一个美国石油学会你的球员。这听起来可能完全是荒谬的——毕竟所有的可访问性专家多年来都告诉过你Flash和JavaScript都是邪恶的,正确的?请原谅我,因为这里是提倡JavaScript和Flash交互的原因。

渐进增强

使用javascript,我可以在要求浏览器“做到”之前测试它能做什么。我可以在浏览器中添加一个视频文件的链接,并且只在浏览器支持它时(或者甚至是用户特别要求时)为它添加一个播放器。

嵌入flash可能很棘手,正如您可能已经猜到的那样,并不是所有的浏览器都以相同的方式进行操作。因此,最好使用这样的抽象工具SWF对象包括你的闪光灯。这意味着我们已经依靠脚本来嵌入flash,它的实际结果是,我们自动知道两者都可用。

固体相互作用模式

使用DOM我可以创建的javascriptHTML适用于各种辅助技术的元素。我不希望键盘用户能访问我的Flash内容,我用的是浏览器已经有的链接,按钮和表单字段—和之交互。

可能修复了键盘访问问题

从技术上讲,你应该能够通过在你的flash电影中有一种方法来解决flash问题,这种方法可以聚焦某个元素。然后你可以创建一个文本链接,调用这个方法来“跳到flash”。

易于维护

开发人员知道HTML,CSS和JavaScript并不难找到(嗯,真的很好。您也不需要安装Flash来编辑HTML,CSS或javascript。因此,在维护方面,将应用程序或播放器中不断变化的元素保持在flash之外是有意义的。例如,在外部具有所有文本标签XML文件使您的播放器更容易本地化。如果你把闪光灯和HTML您很可能有一个系统来维护HTML用。你不应该再使用另一个来维护你的Flash应用。

支持浏览器

当第一个Flash应用程序问世时,人们谈论的是基于web的富界面应用程序的一场革命。我们不必展示难以设计风格的表单元素和不可扩展的图形和链接,而是有一个基于矢量的界面供我们使用,可以创建任何我们想要创建的应用程序和界面元素。几年后,Ajax在某种程度上削弱了这一点(当你看到Flash开发人员很久以前发现的解决方案时,有多少Ajax问题可以解决,这真是令人惊讶),其中一个原因是HTML界面-虽然难看,难以风格一致-只是工作。

HTML不仅仅是一种视觉表现。它是一个交互层,描述某些元素是什么,以及浏览器应该如何使用它们来支持多种输入设备。

此外,当用户与其他软件交互时,浏览器会通知所有其他软件HTML链接和按钮等元素。只需试着自己创建一个看起来像滚动条一样简单的东西,并从滚动内容和支持的键盘控件的角度分析所有的交互作用——这并不容易。

因此,使用HTML驱动Flash播放器的元素-浏览器制造商已经为您创建和测试了基本用户交互。

那用什么呢?你怎么写一个玩家?

好消息是你不必写自己的球员,因为已经有几个选择了。

  • 如果你想使用YouTube内容,你可以使用“youtube播放器”美国石油学会:http://来控制播放器的外观和感觉。
  • 如果你想自己主持视频,有JW媒体播放器哪一个不仅支持很多格式,而且有一个美国石油学会为了控制它,但也有支持字幕和其他辅助功能增强.杰伦将在伦敦已启用脚本我们会仔细看看我们能一起做些什么。

即使你不想使用玩家本身,你也可以在JW的例子中查看源代码并从中获得灵感。

总结

  • 使用有效的-提供电影的描述,可能是一个缩略图和电影文件的链接,解释链接中的类型和大小。
  • 使用javascript和SWF对象,以便在浏览器支持时将其转换为可播放的电影
  • 而不是依靠玩家控制来访问,创造HTML使用DOM和一个球员美国石油学会.
  • 我们将在已启用脚本.

我要感谢安东尼娅·海德,麦克·戴维斯阿图尔·奥特加,本杰明Hawkes-Lewis,Jacob Seidelin伊恩•McBurnieSteven Webster感谢Dirk Ginader和Jeroen Wijering对这个问题的投入和研究。Kath Moonan/AbilityNet和Julie Schiller/BBC邀请我把这些放在一起,希望这对所有人都有好处。

使YouTube更容易和更容易访问(2006年12月更新)

星期四,6月12日,二千零八

警告:YouTube美国石油学会现在很脆弱,所以可能会有一些中断!

在今年的可访问性2.0会议上,来自伦敦的Antonia Hyde说联合反应要求观众提供技术解决方案,使学习障碍人士更容易访问社交网站。必威体育下载

她的演讲针对学习障碍人士的富媒体和Web应用程序必威体育下载在slideshare上可用。

虽然不能解决所有提到的问题(可能是最大的问题是字幕),但我花了一些时间在YouTube上玩。美国石油学会创建一个更容易观看视频的界面。下面的屏幕截图显示了操作简便的YouTube播放器:

显示视频的简易YouTube播放器

使用播放器

你可以通过多种方式使用播放器,最简单的方法是在url字段中复制和粘贴一个youtube url。然而,还有一种休息允许您执行更多操作的界面:

http://icant.co.uk/easy-youtube/

显示未加载任何电影的播放机,空搜索字段和播放列表。

http://icant.co.uk/easy-youtube/?http://www.youtube.com/watch?v=9i0-btCTdN8

预加载此YouTube地址的视频并在播放器中显示预览图像。

http://icant.co.uk/easy-youtube/?搜索=熊猫

在YouTube上搜索术语panda,并在右侧显示播放列表中视频的链接。你可以用一个以上的搜索词加上一个"“。例如:

http://icant.co.uk/easy-youtube/?搜索=红色+熊猫

最后一个选择是将某些视频加入书签书签并为用户标记它们。为了将这些视频显示为播放列表,您需要提供用户名和用破折号分隔的标签。例如,del.icio.us上的用户名是“codepo8”,我用“easyoutubeplayer”标记了一些视频。以下链接将在播放列表中全部显示:

http://icant.co.uk/easy-youtube/?tag=codepo8-foreasyyoutubeplayer

您可以混合和匹配不同的选项。例如,如果要显示视频并搜索其他视频,可以使用:

http://icant.co.uk/easy-youtube/?http://www.youtube.com/watch?v=3ugpfsp2t6k&search=重音符号

文档

在docs文件夹中提供完整的播放器文档,其中包含如何自己托管播放器的说明。简易YouTube播放器文档.

下载

您可以在这里下载带有所有演示文件的播放器:

变化

12/06/08

  • 完成代码重写
  • 新的按钮——玻璃太复杂了
  • 新增视频大小控制
  • 添加搜索和播放列表支持
  • 添加了要发送给朋友的地址字段
  • 播放器现在由模板驱动-不需要对主代码进行更多更改
  • 添加文档
  • 补充RES精细界面

28/05/08

  • 将按钮移动到播放器底部
  • 文本现在位于按钮下方,并具有一个不可见的额外“使用此按钮”文本,用于屏幕阅读器
  • 暂停按钮现在切换暂停/播放
  • 静音按钮现在切换静音/声音
  • 这个统一资源定位地址按钮中的不是锚,而是一个URL(没有任何作用,但这只是为了读出正确的命令)
  • 删除了“当前突出显示”状态
  • 添加了音量指示器(作为可视栏和隐藏窗体字段)

YouTube无铬播放器不可用的问题?-更改网址

星期四,6月12日,二千零八

我几乎准备好发布这个简单的youtube播放器的v2了,但是突然之间一切都停止了工作。起初我以为我自己的开发者密钥因为不断地在本地重新加载而被禁止了,但即使是谷歌自己的例子被打破了。

解决办法似乎是改变统一资源定位地址嵌入代码:


/ /破碎
swfobject.embedswf('http://gdata.youtube.com/apiplayer?键=…’
/工作
swfobject.embedswf('http://gdata.youtube.com/apiplayer/cl.swf?键=…’

谢谢D.Kunchev是谁在邮件列表上指出了这一点

YouTube现在有注释了——我们能把这些作为一个API吗(字幕)?

星期三,6月4日,二千零八

YouTube刚刚发布了一个视频内容生成器的新功能:注释。如你所见这个例子是一个人从飞机上跳下来的视频注释会出现在你想放在屏幕上的任何地方,并且是基于时间的。你甚至可以添加链接和热点到其他视频和搜索结果,这意味着你可以做互动游戏使用几个视频。

现在这一切都很可爱很好,但我想要的是美国石油学会访问这些注释。这将使我们不仅可以为听力障碍者提供视频字幕,还可以为盲人游客提供信息。我以前写过这个,betway体育官方网你可以轻松创建一个接口,以便在YouTube上定时显示字幕但是回放字幕会比较麻烦,因为你无法同步视频(如果字幕和视频之间的视频缓冲区不同步的话)。

现在,如果YouTube提出美国石油学会访问每次新标题以标题类型及其文本值开头时触发事件的这些标题,用该文本(或咏叹调提供一个穷人的字幕和信息给听力障碍者。

YouTube可以成为一个更大的面向消费者的产品,使更多残疾的访问者能够获得访问权限,同时也是一种直观且易于使用的视频字幕显示方式。

我很乐意帮忙!