1. 程式人生 > >嵌入視頻,計算觀看時長

嵌入視頻,計算觀看時長

stat sta scree 分享 listener 分享圖片 dev con eve

通過獲取騰訊視頻的vid

在頁面內通過iframe嵌入視頻

<iframe id="my-videos" frameborder="0" width="960px" height="400px" src="https://v.qq.com/txp/iframe/player.html?vid=q00273zq6vy" allowFullScreen="true"></iframe>

想獲取觀看時長,但是這種嵌入的視頻,獲取不到騰訊視頻的播放時長

技術分享圖片

因為跨域了

查了各種方法發現騰訊沒有提供接口的話就無法獲取

只能通過用戶進入網頁的時間和離開網頁的時間之差來獲取

$(document).ready(function
() { let startTime = new Date(), duration = 0; document.addEventListener( "visibilitychange", function() { if (document.visibilityState == "hidden") { let endTime = new Date(); duration = endTime.getTime() - startTime.getTime(); } else { startTime = new
Date(); } }, false ); $(window).bind("beforeunload", function() { let endTime = new Date(); t = endTime.getTime() - startTime.getTime() + duration; let hour = Math.floor((t / 1000 / 60 / 60) % 24); let min = Math.floor((t / 1000 / 60) % 60); let sec = Math.floor((t / 1000) % 60); studytime
= hour + "小時" + min + "分鐘" + sec + "秒"; let studydate = format(startTime, "yyyy-MM-dd HH:mm:ss"); console.log(studytime, studydate); return "您輸入的內容尚未保存,確定離開此頁面嗎?"; }); });

源代碼:https://github.com/ouxiaojie18/-/tree/master/%E5%B5%8C%E5%85%A5%E8%85%BE%E8%AE%AF%E8%A7%86%E9%A2%91

嵌入視頻,計算觀看時長