<div style="width: 1000px;" id="sc-player">
<div
is="player"
lang="ru"
api-url="https://stream.cassiopeia-station.ru:1030/api/v2"
server-id="1"
station-name="Cassiopeia Station"
station-url="https://cassiopeia-station.ru/"
imagecontainer="left"
imagecontainer-bg="#163745"
controlscontainer="right"
controlscontainer-bg="#d6d6d6"
controlscontainer-bg-img="https://stream.cassiopeia-station.ru:1030/media/widgets/1.png"
historycontainer="both"
historycontainer-bg="#cdd8e5"
:show-history="false"
history-limit="10"
sharecontainer="bottom"
sharecontainer-bg="null"
:show-share="false"
share-url="https://cassiopeia-station.ru/"
:share="['vk','telegram','odnoklassniki','twitter','facebook']"
:show-dj="true"
default-dj-img=""
:show-image="true"
default-cover-image="https://stream.cassiopeia-station.ru:1030/media/tracks/default_track_img.png"
play-button-color="#ffffff"
play-button-bg="null"
visualizer-outline-color="#ffffff"
visualizer-bar-width="1"
channels-switch-bg="#4165b9"
channels-switch-color="#ffffff"
channels-switch-bg-active="#dddddd"
channels-switch-color-active="#000000"
:show-vote="true"
vote-buttons-color="#dddddd"
vote-buttons-opacity="1"
vote-results-font-color="#000000"
vote-results-font-size="16"
:progress-show="true"
progress-bar-color="#fafafa"
progress-bar-bg-color="#000000"
progress-bar-bg-opacity="1"
progress-bar-bg-height="25"
progress-bar-opacity="0.5"
progress-font-color="#ffffff"
progress-font-size="20"
progress-bar-bg-radius="10"
progress-bar-bg-border="#F5F5F5"
player-width="1000px"
>
</div>
</div>
<script type="text/javascript" src="https://stream.cassiopeia-station.ru:1030/media/static/js/sc_player/sc_player.js"></script>