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 回答