2016-04-28 8 views
0

内部計測/測定のためのストリーミングビデオテストフレームワークを構築する方法を検討しなければなりません。 「Stats for Nerds」を使用したカスタムHTML5ビデオプレーヤー

長いとそれの短い

は具体的には、私はストリームとリレー・パフォーマンス・メトリックを消費することができるHTML5プレーヤーを構築したいということです

平均ビットレート はリーディングフレーム 起動時間 屋台

をドロップhtml5 spec - 私は、ストール、待機などのイベントリスナーを追加することができますが、そこから統計フレームワークを構築することができますが、フレームやビットレートのようなものはどうやって取得できますか - 現代のブラウザでも利用できますか?

私はグーグルで、私はこの古い議論をmozで見つけましたが、私はずっと多くを見つけることができませんでした。

ご協力いただきまして誠にありがとうございます。

イベントリスナーのw /私のコードは....

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
<title>Html5 media events</title> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
</head> 
<body > 
    <div id="output"></div> 
    <video id="myVideo" width="320" height="176" controls autoplay> 
     <source src="/ak-5-y.mp4" type='video/mp4'> 
     Your browser does not support HTML5 video. 
    </video> 
    <script> 

     var media = document.getElementById('myVideo'); 

     // Playing event 
     var isStalled = function(e) { $("#output").html("Playback Stalled"); }; 

     var isWaiting = function(e) { $("#output").html("Waiting for content"); }; 

     var isPlaying = function(e) { $("#output").html("Playing event triggered"); }; 

     // Pause event 
     var onPause = function(e) { $("#output").html("Pause event triggered"); }; 

     // Volume changed event 
     var onVolumechange = function(e) { $("#output").html("Volumechange event triggered"); }; 

     media.addEventListener("playing", isPlaying, false);  
     media.addEventListener("stalled", isStalled, false); 
     media.addEventListener("waiting", isWaiting, false); 
     media.addEventListener("pause", onPause, false); 
     media.addEventListener("volumechange", onVolumechange, false); 

    </script> 
</body> 
</html> 
+0

あなたはM3U8 /ダッシュを再生するには、ブラウザのネイティブHTML5プレーヤーを使用していますか? –

答えて

関連する問題