mirror of
https://gitee.com/koogua/course-tencent-cloud.git
synced 2025-07-24 17:01:44 +08:00
83 lines
1.9 KiB
Plaintext
83 lines
1.9 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="zh-Hans-CN">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|
<title>视频点播</title>
|
|
<script src="//imgcache.qq.com/open/qcloud/video/vcplayer/TcPlayer-2.3.2.js"></script>
|
|
<style>
|
|
html, body {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="player"></div>
|
|
</body>
|
|
</html>
|
|
|
|
{{ js_include('lib/jquery.min.js') }}
|
|
|
|
<script>
|
|
|
|
var interval = null;
|
|
var timeout = 5000;
|
|
var requestId = uniqueId();
|
|
var chapterId = '{{ chapter_id }}';
|
|
var playUrl = '{{ play_url }}';
|
|
var position = 0;
|
|
|
|
var player = new TcPlayer('player', {
|
|
m3u8: playUrl,
|
|
autoplay: true,
|
|
width: 720,
|
|
height: 405,
|
|
listener: function (msg) {
|
|
if (msg.type === 'play') {
|
|
start();
|
|
} else if (msg.type === 'pause') {
|
|
stop();
|
|
} else if (msg.type === 'end') {
|
|
stop();
|
|
}
|
|
}
|
|
});
|
|
|
|
if (position > 0) {
|
|
player.currentTime(position);
|
|
}
|
|
|
|
function start() {
|
|
if (interval != null) {
|
|
clearInterval(interval);
|
|
interval = null;
|
|
}
|
|
interval = setInterval(learning, timeout);
|
|
}
|
|
|
|
function stop() {
|
|
clearInterval(interval);
|
|
interval = null;
|
|
}
|
|
|
|
function learning() {
|
|
$.ajax({
|
|
type: 'GET',
|
|
url: '/admin/vod/learning',
|
|
data: {
|
|
request_id: requestId,
|
|
chapter_id: chapterId,
|
|
timeout: timeout,
|
|
position: player.currentTime(),
|
|
}
|
|
});
|
|
}
|
|
|
|
function uniqueId() {
|
|
var id = Date.now().toString(36);
|
|
id += Math.random().toString(36).substr(3);
|
|
return id;
|
|
}
|
|
|
|
</script> |