app/system/pages/play.php

<?php

class Page {

    public function header() {
        
    }

    public function style() {
        $scss = new ScssPhp\ScssPhp\Compiler();
        $file = __DIR__."/../../assets/css/player.scss";
        echo $scss->compileString(file_get_contents($file))->getCss();

echo '
        main section#player audio::-webkit-media-controls {
            background-color: #000000BE;
        }

        main section#player audio::-webkit-media-controls-enclosure {
            background-color: transparent;
        }

        main section#player audio::-webkit-media-controls-play-button, main section#player audio::-webkit-media-controls-current-time-display, main section#player audio::-webkit-media-controls-time-remaining-display, main section#player audio::-webkit-media-controls-timeline, main section#player audio::-webkit-media-controls-mute-button, main section#player audio::-webkit-media-controls-volume-slider {
            filter: invert(100%);
        }
';
    }

    public function content() {

echo '
<section id="schedule">

</section>

<section id="player">
    <a class="button" href="watch"><i class="fas fa-broadcast-tower"></i> Kurkista studioon</a>

    ';
if(strpos($_SERVER['HTTP_USER_AGENT'], 'Chrome') !== false){
echo '<audio id="ap" controls preload="none" controlsList="nodownload noplaybackrate">';
} else {
echo '<audio id="ap" controls preload="none">';
}

echo '
        <source src="https://icecast.waren.io/play/pf4c-bsma-6dgd-cx98.mp3" type="audio/mpeg">
        <source src="https://icecast.waren.io/play/pf4c-bsma-6dgd-cx98.aac" type="audio/aac">
        <source src="https://icecast.waren.io/play/pf4c-bsma-6dgd-cx98.ogg" type="audio/ogg">
        <source src="https://icecast.waren.io/play/pf4c-bsma-6dgd-cx98.opus" type="audio/opus">
        <source src="https://icecast.waren.io/play/pf4c-bsma-6dgd-cx98.flac" type="audio/flac">
    </audio>
</section>
';

    }
}
  
?>