2013-02-15 183 views
0

好的,我正在研究一个涉及html5音频的项目,此外还有一个视频在播放音频时显示(只是视频,没有控件等)。视频是一种正在播放的可视化(有时称为均衡器)音频,预先在Adobe After Effects中制作。两个文件(视频和音频)长度相同,例如3分20秒。我需要一种同步方式,因为视频可能比音频加载速度慢,反之亦然。因此,我需要在网络连接速度较慢的计算机上进行设置,如果视频在某一时刻停止加载并开始缓冲,则需要暂停音频,并且一旦视频重新开始再次开始音频,两者同时发生,并且用户跳到一首歌中的某些位置,视频也应该跳到这一位,我将使用自定义api制作播放器来播放视频,这样就不会对视频进行控制,只能在soundcloud播放器上播放。 这几乎就像我使用soundcloud自定义播放器来控制视频一样。我努力在这个地方找到任何资源,并且真的想知道如何实现这个功能。 JavaScript或jQuery解决方案更可取。将SoundCloud音频和Vimeo/Youtube视频同步播放

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

和上传视频到Vimeo/YouTube的(全部做完减少负载的网站上)在这里

+0

是否有理由不能将音频添加到视频文件中,而不用担心与Soundcloud的播放器同步? – Giles 2013-02-15 16:41:34

+0

几个,首先我需要给用户选择只听音频和不加载视频,如果他们在慢速上网,也与上传音乐视频相关的版权问题,就好像我使用声音云来流式传输音乐并显示我的自定义视频没有声音,这不是一个问题。 – Ilja 2013-02-15 17:04:46

+0

只需使用Pink Floyd的月球黑暗面即可。 (:显然它与任何东西同步:) – technosaurus 2013-02-18 00:49:29

回答

2

检查:http://html5demos.com/two-videos

此示例用于同步2个视频,但有些黑客可能会设法同步音频和视频。其次,不要使用自定义播放器,制作自己的HTML5音频元素,检查SoundCloud API对于soundcloud上的每个流式传输轨道都有一个属性stream_url,只需将该URL作为源代码放到您的html5音频标签上即可。

请记住,这在Firefox和Opera上将无法使用一段时间。 Firefox将在v20中集成原生mp3支持,不确定关于歌剧