0

好吧,我正在处理一个涉及 html5 音频的项目,此外还在播放音频时显示视频(只有视频,没有控件等)。视频是正在播放的音频的可视化(有时称为均衡器),预先在 adobe 中制作后效果。两个文件(视频和音频)的长度相同,例如 3 分 20 秒。我需要一种同步两者的方法,因为视频加载速度可能比音频慢,反之亦然。因此,我需要这样做,以便在互联网连接速度较慢的计算机上,如果视频在某个时间停止加载并开始缓冲,我需要暂停音频,并且一旦视频恢复再次开始音频,两者都在完全相同的时间,也当用户跳到歌曲中的某些部分,视频也应该跳到那部分,我将使用自定义 api 制作的播放器播放视频,因此不会对视频进行控制,只有在 soundcloud 播放器上。就好像我在使用 soundcloud 自定义播放器来控制视频一样。我正在努力在任何地方找到有关此的任何资源,并且真的很想知道如何实现此功能。最好使用 javascript 或 jQuery 解决方案。

更复杂的是我使用 SoundCloud 的自定义播放器来播放歌曲:http: //developers.soundcloud.com/docs/custom-player#

并将视频上传到 Vimeo/YouTube(所有这些都是为了减少网站的负载)

4

1 回答 1

2

在这里查看:http: //html5demos.com/two-videos

该示例用于同步 2 个视频,但通过一些黑客攻击,您可能可以设法同步音频和视频。

其次,不要使用自定义播放器,制作你自己的 HTML5 音频元素,检查SoundCloud API有一个属性 stream_url 用于 soundcloud 上的每个可流式轨道,只需将该 URL 作为源放在你的 html5 音频标签上。

请记住,这将在一段时间内不适用于 Firefox 和 Opera。Firefox 将在 v20 中集成原生 mp3 支持,Opera 不确定

于 2013-02-17T22:37:26.420 回答