0

我可以访问一些直播 URL,所以我正在制作一个 HTML5 应用程序,这样我就可以观看它们,并在需要时切换 URL。我遇到的唯一问题是流加载非常缓慢(播放前超过 10-12 秒)。一旦播放它们就永远不会停止或滞后,因此服务的服务器确实有很好的带宽。我知道可以在 2 秒内加载它们,但是 HTML5 中的视频标签并没有这样做..

我可以加载 3 个视频标签(一个用于下一个流,一个用于上一个流,一个已经在播放,但这不太方便,而且它可能会降低同时运行的 3 个流的互联网连接速度)。

有谁知道如何快速加载流,因此在播放之前它不会缓冲那么多(不需要缓冲超过它的需要,因为它是实时的,所以不可能在流上快进) ? 也许以低质量开始流,以便它可以立即开始播放,然后在缓冲时提高质量?

我不想要任何 Flash 脚本,我只想要 HTML/Javascript。

如果您能提供帮助,那就太棒了!谢谢!

4

1 回答 1

1

我最近自己创建了一个直播/网络视频流 html5 应用程序。它使用非常基本的代码。如果我在具有良好带宽的服务器上有一个好的源视频文件,那么加载时间非常短,视频通常在几秒钟内加载。

这是完整的代码 - 它使用 javascript 来允许切换全屏视频,PHP 代码用于表单操作以返回视频 URL:

<!DOCTYPE html>
<html>


<script type="text/javascript">
function goFullscreen(id) {
var element = document.getElementById(id);       
if (element.mozRequestFullScreen) {
  element.mozRequestFullScreen();
} else if (element.webkitRequestFullScreen) {
  element.webkitRequestFullScreen();
}  
}
</script>
<body>

<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="get">
<input type="text" size="100" name="searched" value="<?php echo $_GET['searched']; ?>" /> 
<input type="submit" name="submit" value="Search" />
</form>

<br>
<br>

<video class="video_player" id="player" width="100%" controls="controls" autoplay="autoplay">
<source src="<?php echo $_GET['searched']; ?>"/>
Your browser does not support the HTML5 video tag.  Use a better browser!
</video>

<button onclick="goFullscreen('player'); return false">View Fullscreen!</button>

</body>
</html>
于 2012-06-25T20:12:43.853 回答