Khan Academyのようなポイントシステムを実装しようとしていますが、ユーザーがビデオを視聴していることを検出する方法がわかりません。
jQueryとASP.NETを使用しています。ビデオは私のサーバーでホストされておらず、さまざまなソースからのものです。
Khan Academyのようなポイントシステムを実装しようとしていますが、ユーザーがビデオを視聴していることを検出する方法がわかりません。
jQueryとASP.NETを使用しています。ビデオは私のサーバーでホストされておらず、さまざまなソースからのものです。
ビデオなどのメディアでは、通常、プレーヤー自体にコールバック機能が組み込まれており、再生の開始時や終了時にイベントを発生させることができます。また、HTML5ビデオプレーヤーを使用している場合は、JavaScriptをさらに活用できます。コールバックをサポートする多用途のプレーヤーがあることの良い点は、メディアファイルがホストされている場所は関係なく、プレーヤー自体で発生しているイベントが問題になることです。
そのようにすると、ビデオの開始時にjavascript関数を起動して、ユーザーのビデオが開始したイベントを記録し、これを「現在視聴中」として追跡し、完了時に同様に、完全に視聴済みのビデオとしてマークすることができます。
今、ビデオが見られている間、あなたはページフォーカスの喪失を検出するためにjavascriptを使用したいと思うでしょう...のように、彼らはタブを離れるか、彼らのコンピュータの別のウィンドウに行きましたか?など(<-グーグルこれらのタイプの質問:JavaScript / jQuery:ウィンドウにフォーカスがあるかどうかをテストします)
無料のVideo.jsプロジェクトでは、JavaScriptを使用して、HTML5、Flash、またはYouTubeビデオがホストされているかどうかに関係なく、ページで再生されているビデオをプログラムで制御および操作できます。
「timeupdate」という名前のJavaScriptイベントのリスナーを追加できます。このイベントは、ビデオの再生中に15〜250ミリ秒ごとに起動します。