0

いくつかのライブ ストリーム URL にアクセスできるので、HTML5 アプリを作成してそれらを視聴し、必要に応じて URL を切り替えることができます。私が抱えている唯一の問題は、ストリームの読み込みが非常に遅いことです (再生前に 10 ～ 12 秒以上かかります)。一度再生されると、停止したり遅れたりすることはありません。したがって、サービスを提供しているサーバーの帯域幅は良好です。2秒ほどでロードできることは知っていますが、HTML5のビデオタグではそれができません..

3 つのビデオ タグを読み込むことができました (1 つは次のストリーム用、もう 1 つは前のストリーム用、もう 1 つは既に再生中のタグですが、これはあまり便利ではなく、同時に実行されている 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 に答える