File "20732dd55098a3fb2a4d22542423c62b.php"
Full Path: /home2/yvrgircc/public_html/ariseskilltech.com/storage/framework/views/20732dd55098a3fb2a4d22542423c62b.php
File size: 2.9 KB
MIME-type: text/x-php
Charset: utf-8
<?php
$width = get_player_settings('watermark_width');
$height = get_player_settings('watermark_height');
$top = get_player_settings('watermark_top');
$left = get_player_settings('watermark_left');
$logo = get_player_settings('watermark_logo');
$opacity = get_player_settings('watermark_opacity');
?>
<div id="watermarkLabelLogo" class="watermark-container" style="width:<?php echo e($width); ?>px; height:<?php echo e($height); ?>px; top:<?php echo e($top); ?>px; left:<?php echo e($left); ?>px; opacity:.<?php echo e($opacity / 10); ?>">
<img src="<?php echo e(get_image($logo)); ?>" style="width:<?php echo e($width); ?>px; height:<?php echo e($height); ?>px;">
</div>
<div id="watermarkStudentInfo" class="watermark-container d-none" style="width:<?php echo e($width); ?>px; height:<?php echo e($height); ?>px; top:<?php echo e($top); ?>px; left:<?php echo e($left); ?>px; opacity:.<?php echo e($opacity / 10); ?>">
<div class="d-flex">
<img class="image-30" src="<?php echo e(get_image(Auth()->user()->photo)); ?>" style="width:<?php echo e($width); ?>px; height:<?php echo e($height); ?>px;">
<div class="ps-1">
<p class="p-0 m-0 text-10px"><?php echo e(Auth()->user()->name); ?></p>
<p class="p-0 m-0 text-10px" style="margin-top: -5px !important;"><?php echo e(Auth()->user()->email); ?></p>
</div>
</div>
</div>
<script>
setInterval(() => {
if ($('#watermarkLabelLogo').hasClass('d-none')) {
$('.watermark-container').addClass('d-none');
$('#watermarkLabelLogo').removeClass('d-none');
} else {
$('.watermark-container').addClass('d-none');
$('#watermarkStudentInfo').removeClass('d-none');
}
}, <?php echo e(get_player_settings('animation_speed') * 1000); ?>);
</script>
<style>
/* Watermark moving animation */
@keyframes moveWatermark {
0% {
top: 20px;
left: 20px;
}
25% {
top: 20px;
left: calc(100% - 150px);
/* Move right */
}
50% {
top: calc(100% - 50px);
/* Move down */
left: calc(100% - 150px);
}
75% {
top: calc(100% - 50px);
left: 20px;
/* Move left */
}
100% {
top: 20px;
left: 20px;
/* Back to the start */
}
}
.watermark-container {
position: absolute;
top: 20px;
left: 20px;
z-index: 20;
font-size: 18px;
color: white;
pointer-events: none;
/* Make sure the watermark doesn't interfere with video controls */
animation: moveWatermark <?php echo e(get_player_settings('animation_speed')); ?>s linear infinite !important;
}
</style>
<?php /**PATH C:\xampp\htdocs\Arise\resources\views/course_player/watermark.blade.php ENDPATH**/ ?>