Sindbad~EG File Manager

Current Path : /home/u625735752/domains/floralwhite-woodpecker-723030.hostingersite.com/public_html/1.4/
Upload File :
Current File : /home/u625735752/domains/floralwhite-woodpecker-723030.hostingersite.com/public_html/1.4/live.php

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  
  
  <title>Jam-On FM | Nonstop Hits & Vibes</title>
  <meta name="description" content="Jam-On FM brings you the best in nonstop music, fresh hits, and smooth vibes. Tune in anytime, anywhere.">


  <link rel="icon" href="img/favicon.png" type="image/png"><link rel="apple-touch-icon" href="img/apple-touch-icon.png">


  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" />
  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap" rel="stylesheet">

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css"/>

<link href="https://fonts.googleapis.com/css2?family=Caveat&display=swap" rel="stylesheet">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link href="css4.css" rel="stylesheet">
 
</head>
<body>
<?php include 'header.php'?>
<section class="hero--section"> 
    <div class="container-fluid">
  <div class="row g-2 gx-md-2" >
  <div class="col-md-2  col-6  order-2 order-md-1 my-auto">
  <img src="https://beta.jam-on.ch/images/JamOn-Shop_Banner_1.png" class="imf-fluid w-100" alt=" ">
  </div>
  <div class="col-md-8  order-1 order-md-2 my-auto">
  <div class="hero-card" >

<div class="row  g-2 g-md-3 align-items-center">
  <div class="col-md-5">
    <div class="hero-text text-white">
    
    
    
<?php
// Set the content type to HTML
header('Content-Type: text/html; charset=utf-8');

// JSON source
$jsonUrl = 'https://www.jam-on.ch/tracklist/currentlyplaying.json';

// Default values
$title = 'Unknown Title';
$artist = 'Unknown Artist';

// Fetch and decode JSON
$response = @file_get_contents($jsonUrl);
if ($response !== false) {
    $data = json_decode($response, true);
    if (!empty($data['track'])) {
        $title = htmlspecialchars($data['track']);
    }
    if (!empty($data['artist'])) {
        $artist = htmlspecialchars($data['artist']);
    }
} else {
    $title = 'Error loading title';
    $artist = 'Error loading artist';
}
?>
 
    <!-- Display track info -->
    <h1 id="track-title" data-aos="fade-right" data-aos-delay="400"><?= $title ?></h1>
    <p id="track-artist" data-aos="fade-right" data-aos-delay="500"><?= $artist ?></p>
     



<div class="live-player-container transparent-player" id="livePlayer"> 

  <!-- Audio Element -->
  <audio id="liveAudio" autoplay muted>
    <source src="https://jam-on.ice.infomaniak.ch/jam-on-128.mp3" type="audio/mpeg">
    Your browser does not support the audio element.
  </audio>

  <!-- Time Bar -->
  <input type="range" id="timeBar" min="0" max="100" value="0" step="1" disabled />

  <!-- Bottom Controls Row -->
  <div class="bottom-controls d-flex align-items-center justify-content-between">
    <div class="left-controls d-flex align-items-center gap-2">
      <button id="playPauseBtn"><i class="fas fa-play"></i></button>
      <button id="muteBtn"><i class="fas fa-volume-mute"></i></button>


      <span id="currentTime" style="padding-left: 10px;">00:00</span>
      <!-- Now Playing Info (placed here) -->
      <div class="now-playing-info" style="font-size: 13px; padding-left: 8px;">
        <strong><?php echo $title; ?></strong> <em>by <?php echo $artist; ?></em>
      </div>
    </div> 

    <!-- Vertical Volume -->
    <input type="range" id="volumeSlider" min="0" max="1" step="0.01" value="0.5" orient="vertical"  />
  </div>
</div>


 ten Live
      </a>
    </div>
  </div>

  <div class="col-md-7  my-auto ">
    <div class="hero-image p-3 p-md-5" data-aos="fade-left" data-aos-delay="500" >
      <img id="trackImage" src="https://www.jam-on.ch/tracklist/art-00.jpg" alt=" " class="img-fluid w-100 rounded shadow" />
      <div class="sound-waves">
        <span></span><span></span><span></span><span></span><span></span>
      </div>
    </div>
  </div>
</div>
  


 
  
  </div>
  </div>
  
  <div class="col-md-2   col-6  order-3 order-md-3  my-auto">
  <img src="https://beta.jam-on.ch/images/2025_Monatsplakat_Februar_Final_Png.png" class="imf-fluid w-100" alt="">
  </div>
  
  </div>
  </div>
</section>

 


 



<?php include 'footer.php'?>



</body>
</html>

Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists