aboutsummaryrefslogtreecommitdiff
path: root/template/assemblies/player
diff options
context:
space:
mode:
authorAnton Schubert2020-04-13 19:31:07 +0200
committerAnton Schubert2020-04-13 19:31:07 +0200
commit24f02757c9966ddc05871e6bd49226b752f183e4 (patch)
treea5a4ea8347ae506f5a66481efcb7c8c0b96c9f82 /template/assemblies/player
parent5fed49b39d7f3a8e7f32690f4d5ba28ba5c93ecc (diff)
use voc-player for relive, update clappr plugins, remove old assets, clean up dash/relive player embeds
Diffstat (limited to 'template/assemblies/player')
-rw-r--r--template/assemblies/player/dash.phtml36
-rw-r--r--template/assemblies/player/relive.phtml6
2 files changed, 7 insertions, 35 deletions
diff --git a/template/assemblies/player/dash.phtml b/template/assemblies/player/dash.phtml
index f5c6510..fc1a4eb 100644
--- a/template/assemblies/player/dash.phtml
+++ b/template/assemblies/player/dash.phtml
@@ -1,31 +1,5 @@
-<script type="text/javascript" src="<?=h($assets)?>js/player.js"></script>
-
-<div class="dashContainer" style="min-height: 100px" >
- <div id="stream-player"></div>
-</div>
-
-<!--
- TODO: do this properly
--->
-<script type="text/javascript">
-(function(){
- new VOCPlayer.default({
- parentId: "#stream-player",
- vocStream: "<?=h($room->getStream())?>",
- poster: "<?=h($stream->getPoster())?>",
- });
-}());
-</script>
-
-<style type="text/css">
-#stream-player > [data-player] {
- padding-bottom: 56.25%;
- height: auto !important;
-}
-#stream-player > .fullscreen {
- padding-bottom: 0;
-}
-body.room .player-wrap.tab-content {
- padding: 0;
-}
-</style>
+<div class="video-wrap"
+ data-voc-player
+ data-stream="<?=h($room->getStream())?>"
+ data-poster="<?=h($stream->getPoster())?>"
+></div> \ No newline at end of file
diff --git a/template/assemblies/player/relive.phtml b/template/assemblies/player/relive.phtml
index 361e1bb..91c79ba 100644
--- a/template/assemblies/player/relive.phtml
+++ b/template/assemblies/player/relive.phtml
@@ -1,9 +1,7 @@
<div
- style="max-width: <?=h($width)?>px; max-height: <?=h($height)?>px;"
class="video-wrap"
- data-width="<?=h($width)?>"
- data-height="<?=h($height)?>"
- data-m3u8="<?=h(forceproto($talk['playlist']))?>"
+ data-voc-player
+ data-source="<?= h(forceproto($talk['playlist'])) ?>"
<? if(array_key_exists('sprites', $talk)): ?>
data-sprites="<?= h($talk['sprites']['url']) ?>"
data-sprites-n="<?= h($talk['sprites']['n']) ?>"