必威体育下载克里斯蒂安·海尔曼

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

“api”类别的存档

在@mediaajax 2008上启用脚本

星期一,9月15日,二千零八

我现在在@media Ajax 2008准备上台发表我的“脚本支持”演讲,解释可访问性的主要问题是我们彼此之间没有足够的交流。技术从来都不是我们所能达到的界限,而是我们不了解人们是如何工作的,以及技术的能力。

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

演示文稿中的链接

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

星期一,7月21日,二千零八

这是一个简短的解释,我认为什么是一个好方法,使在线视频可访问。我的研究是基于简易YouTube播放器。本文中没有代码示例—只有指向已经存在的解决方案的链接。我们会在脚本启用

在线视频是一件好事,毫无疑问。在过去的一天里,数以百万计的网络用户花时间观看教程,屏幕截图,指令,电视节目,电影和——是的——猴子从树上掉下来——在网上。

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

视频对网络来说是陌生的(现在)

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

多年来插件技术来来去去,RealPlayer有臭名昭著的“缓冲”消息,Quicktime在mac电脑和不那么幸运的电脑之间有着惊人的质量差异,Windows Media player无法在Windows以外的平台上播放(直到最近,也就是说)以及大量的Linux极客格式-OGG,马托罗斯卡和类似的人——他们都是自由的,开源,充满了伟大的想法,却缺乏重要的采纳和市场份额。

你可以用它们中的任何一种来制作在线视频,它们都有很好的创作工具——大多数都很昂贵——但是如果你真的想让你的生活更轻松,使用Flash插件,它在市场采用和跨平台可移植性方面领先于其他插件。

闪光–aaaaaaaaaa hhhhh,互联网救世主?

YouTube和其他在线视频网站显示,要想接触到数以百万计的用户和消费者,最主要的诀窍是尽可能容易地嵌入视频信息。YouTube的大部分浏览量和流量来自其网络之外的博客,新闻网站和其他网站。几乎每台电脑上都有Flash,不支持它几乎是犯罪行为。垄断从来都不是好事,但是最近Adobe在使Flash对第三方开发人员更加可用方面取得了长足的进步,在内部结构和api方面,许多其他技术也可以借鉴他们的经验。当然,我们有Silverlight在不久的将来与这种垄断作斗争——让我们希望微软能够考虑到Flash的经验教训。必威体育下载

flash video格式(flv)是为网络使用量身定制的–小,流动,允许字幕、声音和视频分离——这很有意义。

我们有技术,我们有一个好的格式,是什么阻碍了我们创作包容性视频?

聚焦失败——浏览器、插件和辅助技术没有在树上

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

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

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

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

不管怎样,回到焦点问题。虽然有一个很好的视觉线索表明Flash关注的东西,但这并不一定意味着辅助技术会知道它。这是个问题,很多人也不喜欢这种情况发生——你知道作为web开发人员,有多少次被要求“在单击链接时删除链接周围难看的边框”吗?

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

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

渐进增强

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

嵌入flash可能很棘手,正如您可能已经猜到的,并不是所有的浏览器都这样做。因此,使用像这样的抽象工具是个好主意SWF对象包括你的闪光灯。这意味着我们已经依赖脚本嵌入Flash,它的实际结果是我们自动知道两者都是可用的。

固体交互模式

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

可能修复键盘访问问题

从技术上讲,您应该能够通过在Flash影片中使用聚焦特定元素的方法来解决选项卡插入Flash的问题。然后你可以创建一个文本链接,调用这个方法来“跳到Flash中”。

宽松maintainbility

开发人员知道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://to control the look and feel of the player.
  • 如果你想自己主持视频,有JW媒体播放器它不仅支持很多格式,而且美国石油学会为了控制它,但也有支持标题和其他可访问性增强。杰伦将在伦敦脚本启用我们会仔细看看我们能一起做些什么。

即使你不想自己使用这些玩家,你也可以在JW的案例中找到他们的来源并从中获得灵感。

总结

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

我要感谢安东尼娅·海德,迈克•戴维斯奥尔特加,本杰明·霍克斯·刘易斯,雅各布Seidelin伊恩·麦克布尼,史蒂文•韦伯斯特德克·吉纳德和杰罗·维杰林对这一问题的研究有很大的贡献。凯丝·莫南/阿比利蒂内特和朱莉·席勒/BBC要求我把这些结合起来,希望这对所有人都有好处。

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

周四,6月12日,二千零八

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

在今年伦敦举行的2.0会议上,美国的反应要求观众提供技术解决方案,使学习障碍人士更容易访问社交网站。必威体育下载

她的陈述面向学习障碍人群的富媒体和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/?search=panda

在YouTube上搜索术语panda,并在右边的播放列表中显示视频链接。您可以使用多个搜索词,方法是将它们添加到““。例如:

http://icant.co.uk/easy-youtube/?search=red+panda

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

http://icant.co.uk/easy-youtube/?tag=codepo8用于Youtubeplayer

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

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

文档

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

下载

你可以下载播放器与所有演示文件在这里:

变化

2008年6月12日

  • 完成代码的重写
  • 新纽扣——玻璃太复杂了
  • 添加了视频大小控件
  • 添加搜索和播放列表支持
  • 添加地址字段发送给朋友
  • 播放器现在模板驱动-没有更多的变化,在主要的代码需要
  • 添加的文档
  • 添加皇家经济学会Tful接口

2008年5月28日

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

YouTube的无色播放器无法使用有问题吗?–更改URL

周四,6月12日,二千零八

我几乎准备好发布易用的YouTube播放器的第2版,但突然一切都停止工作。一开始我以为我自己的开发密钥因为不断地在本地重新加载而被禁止,但即使如此谷歌自己的例子被打破了。

解决这个问题的办法似乎是改变URL的嵌入代码:


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

我很乐意帮忙!