aboutsummaryrefslogtreecommitdiff
path: root/template/relive-player-netcut.phtml
blob: be993dad5cf7ede6d6d52bf2b2a93d96065c36c2 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<div class="container">
	<div class="row headline">
		<div class="col-xs-12">
			<h1>netc<img src="<?=h($assets)?>netcut/assets/winkekatze.png" style="height:30px" />t: <?=h($title)?></h1>
		</div>
	</div>

	<? if($talk['status'] == 'released'): ?>
		<div class="row">
			<div class="col-xs-12">
				<div class="alert alert-success">
					<h3>Released</h3>
					<p>Beware! This is an unprocessed streamdump, the final release was released at <a href="<?=h($talk['release_url'])?>"><?=h(parse_url($talk['release_url'], PHP_URL_HOST))?></a>.</p>
				</div>
			</div>
		</div>
	<? endif ?>


	<div class="row">
		<div class="col-xs-12">
			<div class="player-wrap">

				<div id="webcut">
				<video class="video-js vjs-default-skin vjs-16-9" 
					id="video" preload="auto" data-setup="{}" controls 
					style="min-height: 100px;" 
					poster="<?=h($talk['thumbnail'])?>" 	
					<? if (!empty($talk['sprites'])) { ?>
						data-sprites="<?= h($talk['sprites']['url']) ?>"
						data-sprites-n="<?= h($talk['sprites']['n']) ?>"
						data-sprites-cols="<?= h($talk['sprites']['cols']) ?>"
						data-sprites-interval="<?= h($talk['sprites']['interval']) ?>"
					<? } ?>
					>
					<source src="<?= h(forceproto($talk['playlist'])) ?>" type="application/x-mpegURL">
				</video>
				</div>
				<br />
				Preview: Press i/o to set markers, I/O to jump to markers<br />
				<span id="inframe"></span><br />
				<span id="outframe"></span><br />

				<script type="text/javascript" src="<?=h($assets)?>netcut/lib/jquery/jquery-3.3.1.min.js"></script>
				<script type="text/javascript" src="<?=h($assets)?>netcut/lib/videojs/video.min.js"></script>
				<script type="text/javascript" src="<?=h($assets)?>netcut/lib/videojs-markers/videojs-markers.min.js"></script>
				<script type="text/javascript" src="<?=h($assets)?>netcut/lib/videojs-hotkeys/videojs.hotkeys.min.js"></script>

				<script type="text/javascript">
				VIDEO_FPS = 25;
				INFRAME = 900*25;
				OUTFRAME = <?= ($talk['duration']-900)*25 ?>;
				</script>

				<script type="text/javascript" src="<?=h($assets)?>netcut/assets/script.js"></script>

			</div>
		</div>
	</div>
</div>