我想创建一个程序来显示来自特定服务器的iframes
,该服务器通过HTTP发送JPEG流并从另一个HTTP端口播放声音并同步。我在整个论坛上搜索过,但没有找到直截了当的答案。
我已经创建了以下HTML5
代码,它可以工作,但问题是图像流比语音更早出现并且它不同步。我的目标是通过为图像设置延迟或缓冲区来同步图像流和语音。
这是我的代码:
<div class="row">
<div class="col-md-1"></div>
<div class="col-md-10">
<IFRAME id="video" src="http://192.168.1.111:8081" width="800px" align="center" height="600px" scrolling="no" frameborder=no marginheight="0px"></IFRAME>
</div>
<div class="col-md-1"></div>
</div>
<div class="row">
<div class="col-md-4"></div>
<div class="col-md-6">
<audio controls autoplay>
<source src="http://192.168.1.114:8000/sound2" type="video/ogg">
</audio>
</div>
<div class="col-md-4"></div>
</div>
如果您发布此问题的任何解决方案,我将不胜感激。 感谢。