【问题标题】:Coordinating graphic elements with streaming media将图形元素与流媒体协调
【发布时间】:2013-02-14 16:30:32
【问题描述】:
如果您正在观看国情咨文 (http://www.whitehouse.gov/state-of-the-union-2013),您会看到出现在总统视频流旁边的图形补充,用于说明他的关键点。
网站上的视频是这些视频的合成,但在直播期间,这些视频是分开处理的。
我的问题是:这样做的最佳方法是什么?特别是如果一个人想要非常严格地控制图形的外观(即在提出这一点的时候,而不是之前和之后不久)。
我想知道是否有任何工具可以促进这一点?我一直在搜索谷歌,但我认为我没有正确的技术词汇来描述我所描述的内容,因为我是空白的。
我认为 AJAX 会是一个很好的起点,但我不确定如何达到他们所拥有的控制水平,或者如何处理后端。
【问题讨论】:
标签:
ajax
graphics
media
live-streaming
multimedia
【解决方案1】:
对于可能遇到此挑战的任何人,我们设计了两种解决方法:
第一个有点像米老鼠:它要求您事先知道要使用多少张图像等(在大多数情况下您会这样做)。我们编写了一个脚本来重复请求图像并将其插入到页面中,并在找到图像时请求链中的下一个图像。
即。显示默认图片 -> 请求图片 1
然后,显示图像 1 -> 请求图像 2
等等
当您准备好将图像放入服务器时,您可以简单地将图像放入服务器上的文件夹中。这样做的一个优点是图像可以是交互式的,带有指向其他内容的链接等。
当然,最大的缺点是对您的页面有很多不必要的请求。在我们的案例中,我们预计会有足够的流量,这似乎并不明智。此外,有很多错误的机会,并且根据您的计时器触发的频率,可能会出现时间差异。
第二个要花钱:我们找到了 Ustream (http://www.ustream.tv/producer) 程序,它允许我们在时间方面进行所需的所有图像控制,并具有以下优势提供对媒体剪辑等的支持。它允许您记录流式传输的所有内容。
缺点是用户看到的是您网站上的集成视频,因此您必须单独处理相关内容的链接并提供图像(如果您希望您的用户可以访问它们)。
希望这对某人有用
我仍然欢迎任何关于如何使第一种方法更有效的建议