Javascript-forum
Audio Player mit Playlist? - Druckversion

+- Javascript-forum (https://javascript-forum.de)
+-- Forum: Entwicklung (https://javascript-forum.de/forumdisplay.php?fid=4)
+--- Forum: Javascript (https://javascript-forum.de/forumdisplay.php?fid=6)
+--- Thema: Audio Player mit Playlist? (/showthread.php?tid=297)



Audio Player mit Playlist? - radioactive66 - 01.12.2021

Hallo zusammen

bin neu hier und totaler JS-Anfänger, nur n paar basic HTML-Kenntnisse. Folgendes Problem:

Für die Webseite eines Radios will ich den Livestream etwas upgraden.

Ziel 1: Immer wenn ein User den Livestream startet soll zuerst ein kurzer Jingle spielen und danach der Livestream geladen werden.

Hab mir dafür den jPlayer 2.9.2 runtergeladen, optische Änderungen per CSS krieg ich noch hin, aber wenns um neue Funktionen geht ist Ende der Fahnenstange. Den Livestream hab ich per Copy/Paste aus dem bisherigen Player übernommen, soweit kein Problem. Unten ist der Code aus dem Header. 

Ziel 2: Das Selbe soll auch bei den archivierten Podcasts passieren, zuerst fix ein Jingle, danach Audiofile. Bisher spielen die Podcasts einfach im
Standard-Player.

<video autoplay="" controls="" style="height: 40px; width: 66%;"></video>


Danke für Tipps und Tricks und alles Weitere Smile

***


<!--  jquery -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="../_nav/js/jquery.js"><\/script>')</script>

<!-- demo scripts -->

<link rel="stylesheet" href="css/normalize.css">
<link type="text/css" href="css/style.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.jplayer.min.js"></script>
<script>
  $(document).ready(function(){
      $("#jquery_jplayer_1").jPlayer({
        ready: function () {
          $(this).jPlayer("setMedia", {

            mp3: "http://radiochico.sdreamland.ch/radiochico.mp3",
            oga: "http://radiochico.sdreamland.ch/radiochico.ogg"
         
          });
        },
        swfPath: "/js",
        supplied: "mp3,oga"
      });
    });
</script>

<!-- nav script -->
<script src="../_nav/js/nav.js" type="text/javascript"></script>