jquery - 使用与浏览器无关的方式来制作带有音频的网络幻灯片有哪些选项?

标签 jquery audio slideshow openlaszlo

我需要组装一个可以生成网络幻灯片的应用程序。

它需要能够在多个图像之间(在浏览器中)进行精美的转换,并在显示这些图像时提供音频。图像之间的转换必须延迟到音频结束为止(每个图像都有自己的音轨)。

它还需要使用程序创建,因此不需要花哨的 GUI 设计工具 - 我希望能够生成 XML 或纯文本文件,这些文件可以直接加载到浏览器中(如 jQuery)或使用可自由分发的工具(类似于 Open Laszlo)。

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

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

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

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

最佳答案

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

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

关于jquery - 使用与浏览器无关的方式来制作带有音频的网络幻灯片有哪些选项?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1985593/

相关文章:

javascript - 使用 Javascript 在后台运行 php

javascript - Bootstrap 指示器在点击时不起作用

jquery - 如何使用 jQuery 对隐藏输入字段值求和

audio - 如何使用 Node.js 设置 Stun 服务器

c# - 如何获得mp3轨道的持续时间?

jquery - 我可以在jquery悬停时更改图像吗?

javascript - 根据输入 keydown 上的下拉菜单更改,应完成某些功能

html - 我可以在音频源标签上设置一个(有效的)空 src 吗?

javascript - 从网络创建全屏幻灯片的最佳工具

iphone - 图像幻灯片