| Server IP : 162.0.232.25 / Your IP : 18.227.21.101 Web Server : LiteSpeed System : Linux premium276.web-hosting.com 4.18.0-513.11.1.lve.el8.x86_64 #1 SMP Thu Jan 18 16:21:02 UTC 2024 x86_64 User : kwacuqig ( 988) PHP Version : 8.2.26 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/kwacuqig/malawisounds.com/ |
Upload File : |
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="row">
<!-- About Us -->
<div class="col-md-3">
<h4>About Us</h4>
<p>We are a local music platform whose vision and mission is to be a leading online music platform in Malawi by providing quality services
that will satisfy our beloved audience</p>
</div>
<!-- Quick Links -->
<div class="col-md-3">
<h4>Quick Links</h4>
<ul class="list-unstyled">
<li><a href="singles">Singles</a></li>
<li><a href="artists">Artists</a></li>
<li><a href="albums">Albums</a></li>
<li><a href="videos">Videos</a></li>
</ul>
</div>
<!-- Other Links -->
<div class="col-md-3">
<h4>Other Links</h4>
<ul class="list-unstyled">
<li><a href="upload-music">Upload Music</a></li>
<li><a href="about-us">About Us</a></li>
<li><a href="contact-us">Contact Us</a></li>
</ul>
</div>
<!-- Contact Info -->
<div class="col-md-3">
<h4>Contact Us</h4>
<p>
<i class="glyphicon glyphicon-map-marker"></i> Blantyre, Malawi <br>
<i class="glyphicon glyphicon-earphone"></i> +265 998 41 24 21 <br>
<i class="glyphicon glyphicon-envelope"></i> info@malawisounds.com
</p>
</div>
</div>
<div class="row">
<div class="col-md-12 text-center">
<p>© <?php echo date('Y') ?> Malawisounds. All Rights Reserved.</p>
</div>
</div>
</div>
</footer>
<div class="container-fluid global-player">
<div class="row">
<div class="col-xs-12 col-sm-12">
<div id="seek-bar">
<div id="fill"></div>
</div>
</div>
<div class="col-xs-3 col-sm-1">
<img src="">
</div>
<div class="col-xs-6 col-sm-8">
<div class="title"></div>
<div class="artist"></div>
</div>
<div class="col-xs-3 col-sm-3">
<button class="play" id="audio" onclick="playOrPauseSong()">
<div class="symbol1 glyphicon glyphicon-play"></div>
</button>
</div>
</div>
</div>
<script>
document.querySelector(".global-player img").src = localStorage.getItem("artwork");
document.querySelector(".global-player .title").innerHTML = localStorage.getItem("title");
document.querySelector(".global-player .artist").innerHTML = localStorage.getItem("artist");
var fillBar = document.getElementById("fill");
var seekBar = document.getElementById("seek-bar");
if (localStorage.getItem("song") != null) {
document.querySelector(".global-player").style.display = "block";
var song = new Audio(localStorage.getItem("song"));
function playOrPauseSong() {
if (song.paused) {
song.play();
document.querySelector(".global-player .glyphicon").classList.remove("glyphicon-play");
document.querySelector(".global-player .glyphicon").classList.add("glyphicon-pause");
} else {
song.pause();
document.querySelector(".global-player .glyphicon").classList.remove("glyphicon-pause");
document.querySelector(".global-player .glyphicon").classList.add("glyphicon-play");
}
}
window.onload = function() {
// localStorage.clear();
song.src = localStorage.getItem("song");
song.currentTime = localStorage.getItem("cTime");
song.play().catch(error => {
console.log("Playback failed: ", error);
});
document.querySelector(".global-player .glyphicon").classList.remove("glyphicon-play");
document.querySelector(".global-player .glyphicon").classList.add("glyphicon-pause");
};
song.addEventListener('timeupdate', function() {
localStorage.setItem("cTime", song.currentTime);
var position = song.currentTime / song.duration;
fillBar.style.width = position * 100 + '%';
if (song.currentTime === song.duration) {
localStorage.clear();
}
});
//when user changes manually
seekBar.addEventListener('click', function(e) {
var manualPosition = e.offsetX / seekBar.offsetWidth;
fillBar.style.width = manualPosition * 100 + '%';
song.currentTime = (manualPosition * song.duration);
});
if ('mediaSession' in navigator) {
navigator.mediaSession.metadata = new MediaMetadata({
title: localStorage.getItem("title"),
artist: localStorage.getItem("artist"),
artwork: [{
src: localStorage.getItem("artwork"),
sizes: '512x512',
type: 'image/jpg'
}]
});
}
navigator.mediaSession.setActionHandler('play', () => {
song.play();
document.querySelector(".global-player .glyphicon").classList.remove("glyphicon-play");
document.querySelector(".global-player .glyphicon").classList.add("glyphicon-pause");
});
navigator.mediaSession.setActionHandler('pause', () => {
song.pause();
document.querySelector(".global-player .glyphicon").classList.remove("glyphicon-pause");
document.querySelector(".global-player .glyphicon").classList.add("glyphicon-play");
});
}
//scripts for trimming title
var x = document.querySelector(".global-player .artist");
if (x.innerText.length > 18) {
y = x.innerText.slice(0, 18);
z = x.innerHTML = y + "...";
}
var x = document.querySelector(".global-player .title");
if (x.innerText.length > 18) {
y = x.innerText.slice(0, 18);
z = x.innerHTML = y + "...";
}
</script>