如何將視頻序列與音頻同步

我有一系列視頻和音頻文件。從音頻文件搜索器控制我想控制視頻文件的索引。如何將視頻序列與音頻同步

我希望能夠做這樣的事情：

<video mediagroup='test'> 
    <source src='video1.webm' type='video/webm'> // 10secs 
    <source src='video2.webm' type='video/webm'> // 10secs 
    <source src='video3.webm' type='video/webm'> // 10secs 
</video> 
<audio controls='controls' mediagroup='test'> 
    <source src='audio.ogg' type='audio/ogg'> // 30secs 
</audio>

如果我擦洗在音頻21sec。視頻應刷洗到視頻1秒，並可播放。

html5 audio/video屬性媒體組給你this kind of syncing但你如何做一個視頻文件序列？

我想我可以用JavaScript做到這一點，但沒有人知道是否有一種方法可以在HTML中做到這一點？

來源

2014-02-24 CurlyFro

我不相信你想要做什麼可能與mediagroup或HTML中沒有Javascript。 mediagroup似乎不支持時間偏移;所有媒體元素需要共享相同的currentTime值。另外，它是not yet supported in Firefox。

如果你想嘗試一個Javascript的實現，我建議從Popcorn Inception開始，並看看example。它可以將多個媒體（音頻或視頻）元素同步到一個主控元素，並暫停，播放和尋找已經處理好的內容。（我希望在接下來的幾周內推動一些錯誤修正。）

值得注意的是，您使用<source>元素是不正確的。如果瀏覽器無法播放一個或多個列出的文件，則視頻（或音頻）元素可以列出多個來源，它可以回退到列表中的其他文件。見：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/source

來源

2014-02-25 03:59:01 brianchirls

我很快看了看你的圖書館 - 它看起來很有前途:)我現在就開始玩它了。我會讓你知道它是怎麼回事。我知道我的實施不正確。這是我想要做的，我可以寫一個'angularjs指令'來創建一個html元素來完成這個。 – CurlyFro

我從來沒有聽說過爆米花。這是我想要做的一切加上更多。這是一個金礦。謝謝。 – CurlyFro

很高興解決。祝你好運！ – brianchirls

如何將視頻序列與音頻同步

回答

相關問題