<!DOCTYPE html>
<html lang="en">
<head>
<title>SP Lilamrita - MP3 playlist/player</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="/sitewide.css"><script src="/web/dhtml/color-theme/colors.js"></script>
</head>
<body>
<div id="urlDisplay"></div>
<div>
<button onclick="setPlaylistIndex(--playlistIndex)">◀◀ Previous</button>
<script>function playOnSubmit(event) { event.preventDefault(); document.all.player_audio.play(); }</script>
<form onsubmit="playOnSubmit(event)" style="display: inline-block;">
<input id="indexInput" oninput="setPlaylistIndex(playlistIndex = this.value)" type="number" size="3"
style="width:4em;">
</form>
<button onclick="setPlaylistIndex(++playlistIndex)">Next ►►</button>
<button id="autoplay_button">autoplay</button><span id="autoplay_status"></span>
</div>
<audio id="player_audio" controls></audio>
<script>
const playlistListLength = 132 // [1,132] range (playlist-specific)
function ringIndex(index, size) { // starting from 1 not 0 (playlist-specific)
while (index <= 0) index += size
while (index > size) index -= size
return index
}
///////////////////////////////
function about(playlistIndex) {
playlistIndex = ringIndex(playlistIndex, playlistListLength)
return playlistIndex
}
///////////////////////////////
function player_setup() {
var urlPrefix = "sp-lilamrita-iskcon-rkc/" // playlist-specific
urlPrefix = "https://www.radiokrishna.com/rkc_archive_new/Italiano/Srila%20Prabhupada%20-%20Biografia/"
var player = document.all.player_audio
window.setPlaylistIndex = function (playlistIndex) {
player.src = playlist(playlistIndex)
location.hash = playlistIndex
document.querySelector("#about_media").innerHTML = about(playlistIndex)
}
window.playlistIndex = 1 // [1,132] range (playlist-specific)
function playlistIndexFromHashHandler() {
var playlistIndexFromHash = parseInt(location.hash.slice(1))
if (isNaN(playlistIndexFromHash) == false) playlistIndex = playlistIndexFromHash
setPlaylistIndex(playlistIndex)
}
playlistIndexFromHashHandler()
onhashchange = playlistIndexFromHashHandler
window.autoplay_boolean = true // autoplay is ON by default
setAutoplay(autoplay_boolean)
function setAutoplay(value) {
autoplay_boolean = value
var text = " autoplay is " + (autoplay_boolean ? "ON" : "OFF")
document.all.autoplay_status.innerText = text
}
document.all.autoplay_button.onclick = function () {
// toggle
setAutoplay(!autoplay_boolean)
}
player.onended = function () {
if (autoplay_boolean == false) return
setPlaylistIndex(++playlistIndex)
}
player.onloadeddata = function () {
if (autoplay_boolean == true) player.play()
}
function playlist(indexString) {
var index = parseInt(indexString)
index = ringIndex(index, playlistListLength)
document.all.indexInput.value = index
var url
url = `RKC Live Stream - Srila Prabhupada Lilamrita ${String(index).padStart(3, '0')}.mp3`
var returned = urlPrefix + url
if (url == undefined) {
url = `(not found, use # from 1 to ${playlistListLength})` // playlist-specific
returned = "(not found)"
}
document.all.urlDisplay.innerText = url
return returned
}
}
</script>
<div id="about_media"></div>
<hr>
<div>
<a target="_blank" href="https://www.radiokrishna.com/">origin: audio files from radiokrishna.com</a> <br>
<a target="_blank" href="/">origin: "playlist player" written by arkenidar.com</a> <br>
</div>
<script>
player_setup()
</script>
<script src="/web/show-source.js"></script>
</body>
</html>