soundcloak/templates/track.templ

package templates

import "github.com/maid-zone/soundcloak/lib/sc"

templ TrackEmbed(t sc.Track) {
    <meta name="og:site_name" content={t.Author.Username + " ~ soundcloak"}>
    <meta name="og:title" content={t.Title}>
    <meta name="og:description" content={t.FormatDescription()}>
    <meta name="og:image" content={t.Artwork}>
    <script src="/js/hls.js/hls.light.js"></script>
}

templ Track(t sc.Track, stream string) {
    <h1>{t.Title}</h1>

    <audio id="track" data-stream={stream} controls></audio>

    <script>
        var audio = document.getElementById('track');
        var audioSrc = audio.getAttribute('data-stream');
        if (Hls.isSupported()) {
            var hls = new Hls();
            hls.loadSource(audioSrc);
            hls.attachMedia(audio);
        } else if (audio.canPlayType('application/vnd.apple.mpegurl')) {
            audio.src = audioSrc;
        } else {
            alert('hls not supported');
        }
    </script>
}