8

我需要将一个应用程序放在一起，该应用程序将生成一个网络幻灯片。

它需要能够在多个图像之间（在浏览器中）进行精美的转换，并在显示这些图像时提供音频。图像之间的转换必须延迟到音频完成（每个图像都有自己的音轨）。

它还需要使用程序创建，因此没有花哨的 GUI 设计器工具 - 我希望能够生成 XML 或纯文本文件，它们可以直接加载到浏览器（a la jQuery）或使用可自由分发的工具编译（一拉开放拉斯洛）。

迄今为止，我所有的 Web 工作都是 J2EE，但我认为是时候检查一些更丰富的客户端工具了。我已经快速浏览了 Open Laszlo 和 jQuery，但我不确定如何将幻灯片与音频同步。基本过程将是：

  • 启动音轨。
  • 过渡到图像。
  • 等到音轨完成。
  • 冲洗并重复。

jQuery可以实现这种事情吗？似乎有大量 DOM 操作的东西，但我找不到任何关于音频同步的明显内容。

如果您有其他建议，我愿意接受，但对免费分发工具的要求是​​绝对的。这可能会排除大多数 Adob​​e Flash 类型的解决方案。

4

5 回答 5

3

我推荐 jPlayer http://www.happyworm.com/jquery/jplayer/作为您的音频事件处理程序。jPlayer 很棒，因为它还支持 HTML5 音频。

然后，您可以使用 jPlayer 中的onSoundComplete回调函数来触发图像更改。有太多图片滚动/幻灯片 jQuery 无法列出，但我个人喜欢 Cycle： http: //malsup.com/jquery/cycle/

于 2010-01-05T01:04:50.500 回答
2

虽然 html5 中有这个新的明亮而闪亮的音频标签，但在大多数冲浪者浏览器支持它之前，真的无法使用它。这意味着闪存是音频部分的唯一选择。虽然我认为对整个应用程序使用 Flash/Actionscript 可能是您也可以使用多种技术的简单方法。我可以推荐Soundmanger作为非常方便的用于控制音频的 JavaScript 库。它适用于实际播放剪辑的小型 Flash 电影，但将所有接口隐藏在一个漂亮的 api 后面（也包括一堆事件）。

所以这可能是你的音频后端。为了控制整个场景，我确实会选择 jQuery，但这只是个人喜好问题。最简单的方法是获取包含所有图像和音频 URL 的 JSON 文件（并“评估”它或使用JSON2 Script解析）（或直接在您的 js 代码或其他东西中生成它）。为您的 Soundmanager 实例提供获取的剪辑，预加载部分或全部图像，然后就可以开始使用了。

在图像过渡效果方面，您可以使用 jQuery/JS/HTML 做很多事情，但您可以使用 Flash 做更多事情，这导致我最初建议在整个项目中使用 Flash 和 ActionScript。

希望这会有所帮助，祝你好运！

ps这里是一个javascript/音频同步的例子。该页面试图模仿音乐记录（不幸的是德语），等待歌曲完成;）。

于 2010-01-04T16:42:07.850 回答
0

您可以使用 Flex 库在 ActionScript 3 中编写它（SDK 是免费的）。我不知道这里有任何其他选择，特别是考虑到与音频要求的同步。

使用 AS3，您可以加载描述幻灯片的 XML 文件，下载适当的资源，使用您喜欢的任何时间，并编写几乎任何您能想到的效果。

于 2009-12-31T14:41:38.810 回答
0

是的，jQuery 可以做到这一点。对于音频，使用 HTML5 的音频标签和 Opera 和 IE 的 Flash 后备。

当您更改 img 时，您可以更改音频 url。

于 2009-12-31T14:42:29.527 回答
0

这可能有点矫枉过正，但如果可再发行播放器是关键标准，您可以尝试使用 Unity。网络播放器是免费的，可自由再分发。

于 2010-01-05T03:59:12.660 回答