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的事情