1
0
app/system/pages/watch.php

54 lines
1.4 KiB
PHP
Raw Permalink Normal View History

2022-05-18 09:31:00 +00:00
<?php
class Page {
public function header() {
}
2022-08-01 07:43:15 +00:00
public function meta(){
2024-11-02 04:10:49 +00:00
echo '<link rel="stylesheet" href="https://cdn.waren.io/frameworks/video-js/7.18.1/video-js.min.css" crossorigin="anonymous" media="screen">';
echo '<script type="application/javascript" src="https://cdn.waren.io/frameworks/video-js/7.18.1/video.min.js" crossorigin="anonymous"></script>';
2022-05-18 09:31:00 +00:00
}
public function style() {
$scss = new ScssPhp\ScssPhp\Compiler();
$file = __DIR__."/../../assets/css/player.scss";
echo $scss->compile(file_get_contents($file));
echo "
main {
align-items: center;
justify-content: center;
border-top: 0px;
}
main section#player {
display: flex;
justify-content: center;
}
main section#player .video-js {
width: 75vmin !important;
}
";
}
public function content() {
echo '
<section id="player">
2022-06-17 09:39:47 +00:00
<video class="video-js" controls autoplay muted preload="auto" poster="assets/images/stream-layout.png" data-setup=\'{}\'>
2022-05-18 09:31:00 +00:00
<source src="https://rtmp.waren.io/play/hls/pf4c-bsma-6dgd-cx98/index.m3u8" type="application/x-mpegURL">
<source src="https://rtmp.waren.io/play/dash/pf4c-bsma-6dgd-cx98/index.mpd" type="application/dash+xml">
2022-06-17 09:39:47 +00:00
<!--<source src="https://icecast.waren.io/play/pf4c-bsma-6dgd-cx98.webm" type="video/webm">-->
2022-05-18 09:31:00 +00:00
</video>
</section>
';
}
}
?>