JavaScript从音轨中选择片段

Question

我正在从事一个PHP项目，从轨道库中，用户可以选择一个轨道，从几秒钟的轨道中选择一个片段，然后使用它代码片段作为下一页的搜索参数。

客户端希望显示轨道波形（这些已经生成为PNG文件），“播放头”显示当前播放位置（应该很容易）。用户应该能够通过拖动垂直条，选择所选片段（通过按空格键或类似的方式），然后单击'搜索'来提交一个HTML表单来选择一个开始和结束点。我实际需要的唯一参数是所选音频片段的开始和结束位置。

所以，这是客户想要的，而我正处于头脑风暴阶段。到目前为止，我有一堆mp3文件和相应的波形图形。在浏览器支持方面，可以指定浏览器必须是'最新版本...'，但我想为所有大牌提供支持：Safari，Firefox，Opera，IE，Chrome 。

您是否有任何关于JavaScript库或解决方案的建议，我应该考虑帮助实施：嵌入音频文件，播放控制界面和片段选择界面。尽管可能为所有mp3生成相应的OGG文件（以帮助实现HTML5），但我不希望如果可能，因为这会使事情变得复杂。所以理想情况下，我想要一个支持跨浏览器的mp3-only解决方案。也许像jPlayer这样的东西会有可能吗？ 我非常熟悉jQuery，所以使用它会是一个好处。

是否有任何现有的库可以帮助我使用“代码段选择”界面？在完全理想的世界中，这将是一个带有“擦洗棒”的解决方案 - 即当您拖动开始和终点手柄时，即时预览“播放头”处的声音。

非常感谢您的任何想法和建议！

EDIT（详细信息）：

我希望能够创建一个类似于此演示的东西： http://www.happyworm.com/jquery/jplayer/latest/demo-07.htm除非 附加功能，用户可以选择从一个“片段”跟踪， 使用开始和终点擦洗棒，并可以通过按试玩 试听片段。 所以，我需要的接口是这样的：

• 在页面加载，轨道将开始缓冲，如果用户拖动拖拉条，如果按
• 播放按钮 会从一开始就发挥正常从轨道的最左边缘， 播放头的声音将被预览（如链接到演示I ），并且在释放滑动条时，将从该处继续播放 至轨道末端
• 如果用户从轨道的最右侧拖动另一个滑动条， 播放头中的声音将再次被预览。但是，当 条被释放时，播放应该跳回到左边的滑动条 并从那里继续。 （如果这太难实现，我会对 感到满意，右边的磨砂棒不会预览声音，因为它被拖动，但只是作为选择结束时的“标记”）。
• 两个擦洗棒互不通过，所以左边的一个始终是 的'开始'，右边是选择的'结束'。
• 一旦条移动并进行选择， 回放应无限循环所选片段，直到按下“停止” 。
• 在一个理想的世界中，我希望擦洗棒'快速'到整秒的 的网格，以便片段的开始，结束和长度值始终为整数秒。否则，我将在稍后的JavaScript中将 数字四舍五入到最接近的整数。

Answer 1

对于选择：

http://docs.jquery.com/UI/Slider

至于JavaScript的做播放擦洗，祝你好运......听起来更像是一个Flash或HTML5的事情