46 lines
1.2 KiB
HTML
46 lines
1.2 KiB
HTML
{% extends "embed_base.html" %}
|
|
{% load static %}
|
|
{% load i18n %}
|
|
{% load l10n %}
|
|
{% load humanize %}
|
|
{% load mastodon %}
|
|
{% load strip_scheme %}
|
|
{% load thumb %}
|
|
{% block head %}
|
|
<script src="{{ cdn_url }}/npm/shikwasa@2.2.1/dist/shikwasa.min.js"></script>
|
|
<link href="{{ cdn_url }}/npm/shikwasa@2.2.1/dist/style.min.css"
|
|
rel="stylesheet"></link>
|
|
<style>
|
|
.shk-player {
|
|
font-family: sans-serif;
|
|
background: unset;
|
|
box-shadow: unset;
|
|
}
|
|
body {
|
|
background: #333;
|
|
}
|
|
</style>
|
|
<script>
|
|
$(()=>{
|
|
{% if focus_item %}
|
|
var position = 1 * "{{request.GET.position|escapejs}}";
|
|
window.current_item_uuid = "{{focus_item.uuid}}";
|
|
window.player = new Shikwasa.Player({
|
|
container: () => document.querySelector('body'),
|
|
preload: 'metadata',
|
|
autoplay: true,
|
|
theme: 'dark',
|
|
themeColor: '#837FFF',
|
|
audio: {
|
|
title: "{{ focus_item.display_title | escapejs }}",
|
|
cover: "{{ focus_item.cover_url | default:item.cover.url | escapejs }}",
|
|
src: "{{ focus_item.media_url | escapejs }}",
|
|
album: "{{ item.display_title|escapejs }}",
|
|
artist: "{{ item.host|join:' / '|escapejs }}"
|
|
}
|
|
});
|
|
if (position) window.player._initSeek = position;
|
|
{% endif %}
|
|
});
|
|
</script>
|
|
{% endblock %}
|