Liveticker Webstream automatisch aktualisieren

Sylar

Moin Zusammen,
also erstmal hi everyone, ich hab mich hier bei euch mal Registriert weil ich folgendes Problem hab und ich hoffe das mir hier wer helfen kann oder vielleicht ne lösung hat.

Es geht um folgendes ich habe ein Webradio auf dessen Hauptseite ich einen Ticker (mit marquee) laufen habe der das aktuell gespielte Lied, die aktuelle hörer zahl und die aktuelle bitrate aus meinem Stream ausließt.
Allerdings läuft der die Ganze zeit nur durch und aktualisiert die Daten nur dann wenn ich die seite neu lade.
Gibt es eine Möglichkeit wie der neu ausließt wenn er mit dem marquee einmal durchgelaufen ist?

Was mir spontan eingefallen ist wäre Einfach seite immer neuladen lassen aber das find ich irgentwie dumm... oder den ticker in nen frame setzen und den neuladen lassen aber das is auch kacke könnt man da nich was mit nem timer machen der eventuell nach ner gewissenzeit (die durchlaufzeit) die daten dann neu ausließt ?

Hier mein Code der den stream ausließt (Serverdaten aus Sicherheitsgründen entfernt):

PHP

<?php
 
if ($_REQUEST['url']  &&  $_REQUEST['port']) {
    $port   = $_REQUEST['port'];
    $server = $_REQUEST['url'];
} else {
    $port   = 'XXX'; // Port
    $server = XXXXXXX; // Server
}
echo '<?xml version="1.0" encoding="utf-8"?>' . "\n";
echo '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "[URL='http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;>'']http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">'[/URL] . "\n";
echo '<html xmlns="[URL='http://www.w3.org/1999/xhtml&quot;>'']http://www.w3.org/1999/xhtml">'[/URL] . "\n";
if ($port == '' ||  $server == '') {
    echo '    <head>' . "\n";
    echo '        <title>Hardsound FM - LiveTicker</title>' . "\n";
    echo '    </head>' . "\n";
    echo '    <body>' . "\n";
    echo '        <h1>ES FEHLEN DATEN!</h1>' . "\n";
    echo '    </body>' . "\n";
    echo '</html>' . "\n";
 
} else {
 
    $playlist = 'http://' . $server . ':' . $port . '/listen.pls';
    $filepointer = @fsockopen($server, $port, $errno, $errstr, 30);
 
    if ($filepointer) {
        fputs($filepointer, "GET /7.html HTTP/1.0\r\nUser-Agent: XML Getter (Mozilla Compatible)\r\n\r\n");
        while(!feof($filepointer)) {
            $page .= fgets($filepointer, 1000);
        }
        fclose($filepointer);
        $page = ereg_replace(".*<body>", "", $page);
        $page = ereg_replace("</body>.*", ",", $page);
        $content = explode(",", $page);
        $shoutcast_currentlisteners = $content[0]; //variable ueber die aktuelle anzahl der zuhoerer
        $connected = $content[1]; //variable zum anzeigen ob ein sender verbunden ist
        if($connected == 1) {
            $radio_status = 1; //variable zum anzeigen ob radio an ist oder nicht
            $wordconnected = "yes"; //zusaetzliche variable die ich brauchte ;)
        } else {
            $wordconnected = "no"; //zusaetzliche variable die ich brauchte
        }
        $shoutcast_peaklisteners = $content[2]; //variable die die anzahl der peaks angiebt
        $shoutcast_maxlisteners = $content[3]; //variable ueber die maximal moegliche anzahl der zuhoerer
        $shoutcast_reportedlisteners = $content[4]; //
        $shoutcast_bitrate = $content[5]; //bitrate ;)
        $shoutcast_cursong = $content[6]; //aktueller song 
        $shoutcast_testvat = $content[7]; // testvariable
        $shoutcast_curbwidth = $shoutcast_bitrate * $shoutcast_currentlisteners; //gesamtbandbreite
        $shoutcast_peakbwidth = $shoutcast_bitrate * $shoutcast_peaklisteners; //gesamtpeakbandbreite
    }
 
    ## output on ##
        echo '    <head>' . "\n";    
        echo '        <title>Hardsound FM - Stream Ticker</title>' . "\n";
        echo '    </head>' . "\n";
        echo '    <body bgcolor="#4d6a86"><font-size="11px">' . "\n";
    if ($radio_status == 1  &&  $server != ''  &&  $port != '') {
        echo '      <font color="white"><marquee><b/>  Listener: ' . $shoutcast_currentlisteners . ' | <b />' . "\n";
        echo '        Bitrate: ' . $shoutcast_bitrate .' kb/s | <b />' . "\n";
        echo '        Aktueller Song: "' . $shoutcast_cursong . '" | ' . "\n";
        echo '        Tune In: <a href="' . $playlist . '">' . $playlist . '</a></marquee><b />' . "\n";
    } else {
        echo '        <center>Stream <font color="red">Offline</font></center>' . "\n";
    }
    echo '    </body>' . "\n";
    echo '</html>' . "\n";
}
?>

Alles anzeigen

Würde mich freuen wenn wer antwortet oder nen Tipp/Lösung parat hätte. Vielleicht gibt es ja ne ganz einfache? Weiss das leider nich so gut, bin eher php neuling denke ich^^

Danke schonmal im Vorraus

Gruß
Sylar

jojo87

Das lässt sich über ajax recht einfach machen.
Schon mal was davon gehört?

Sylar

jo da bin ich eben zufällig auch drauf gestoßen als ich mal was tiefer gegoogelt hab.. aber leider noch keine vernünftige lösung gefunden.. nur so up oder downscroll ticker geschichten

jojo87

Aber das lässt sich doch relativ einfach selber schreiben.
Die Ergbnisse einfach per Ajax holen und die Funktion dann in ein settimeout() setzen.
Ich muss mla kramen, irgendwo hab ich sowas auch....

Sylar

ich werd mich mal weiterhin umschauen ob ich da was finde, wäre aber niceee wenn du da was hättest

gelöschter User

Bei dem Code wird einem ja schwindelig...

PHP

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Hardsound FM - LiveTicker</title>
</head>
<body>
<?php
if (!empty($_REQUEST['url'])  && !empty($_REQUEST['port'])) 
{
    $port   = $_REQUEST['port'];
    $server = $_REQUEST['url'];


    $playlist = 'http://' . $server . ':' . $port . '/listen.pls';
    $filepointer = @fsockopen($server, $port, $errno, $errstr, 30);

    if ($filepointer) 
    {
        fputs($filepointer, "GET /7.html HTTP/1.0\r\nUser-Agent: XML Getter (Mozilla Compatible)\r\n\r\n");
        while(!feof($filepointer)) 
        {
            $page .= fgets($filepointer, 1000);
        }
        fclose($filepointer);
        $page = ereg_replace(".*<body>", "", $page);
        $page = ereg_replace("</body>.*", ",", $page);
        $content = explode(",", $page);
        $shoutcast_currentlisteners = $content[0]; //variable ueber die aktuelle anzahl der zuhoerer
        $connected = $content[1]; //variable zum anzeigen ob ein sender verbunden ist
        if($connected == 1) 
        {
            $radio_status = 1; //variable zum anzeigen ob radio an ist oder nicht
            $wordconnected = "yes"; //zusaetzliche variable die ich brauchte ;)
        }
        else
        {
            $wordconnected = "no"; //zusaetzliche variable die ich brauchte
        }
        $shoutcast_peaklisteners = $content[2]; //variable die die anzahl der peaks angiebt
        $shoutcast_maxlisteners = $content[3]; //variable ueber die maximal moegliche anzahl der zuhoerer
        $shoutcast_reportedlisteners = $content[4]; //
        $shoutcast_bitrate = $content[5]; //bitrate ;)
        $shoutcast_cursong = $content[6]; //aktueller song 
        $shoutcast_testvat = $content[7]; // testvariable
        $shoutcast_curbwidth = $shoutcast_bitrate * $shoutcast_currentlisteners; //gesamtbandbreite
        $shoutcast_peakbwidth = $shoutcast_bitrate * $shoutcast_peaklisteners; //gesamtpeakbandbreite
    }


    echo '<font-size="11px">';
    if ($radio_status == 1) 
    {
        echo '
        <font color="white">
        <marquee>
        <b>
        Listener: '.$shoutcast_currentlisteners.' |
        Bitrate: '.$shoutcast_bitrate.' kb/s |
        Aktueller Song: "'.$shoutcast_cursong.'" |
        Tune In: <a href="'.$playlist.'">'.$playlist.'</a>
        </b>
        </marquee>';
    }
    else
    {
        echo '<center>Stream <font color="red">Offline</font></center>';
    }    
    echo '</font>';
}
else
{
    echo '<h1>ES FEHLEN DATEN!</h1>';
}


?>
</body>
</html>

Alles anzeigen

Hier ist der Code nochmal lesbar...
Ich würde per AJAX auf eine PHP Datei zugreifen und die dann updaten und auf die Funktion einen Interval setzen...
Kann dir das grad aber nicht basteln weil ich keine Zeit hab.

Gruß crAzywuLf

jojo87

Hier ein kleines Beispiel. =>Anhang.

Edit:

Zitat von crazywulf

Ich würde per AJAX auf eine PHP Datei zugreifen und die dann updaten und auf die Funktion einen Interval setzen

Dat hattemer doch schon, meinar

Sylar

ah geill bix thx jojo87, jetzt bekomm ich das auf jedenfall hin denke ich!
ich hatte schon ne andere lösung gehabt auch mit ajax aber irgentwie hat das immer ewig gedauert bis der ticker dann mal gestartet ist und im firefox hats gar net geklappt naja vielen dank auf jedenfall ich probier jetzt mal rum und wenns klappt sag ich bescheid

Gruß
Sylar

Sylar

hm ok nu würde das soweit funktionieren aber der firefox mag auf einmal den Marquee Tag nicht mehr komischerweise... ging sonst immer aber jetzt bewegt sich nix mehr, auch wenn ich den Tag in dein beispiel reinhaue... scheisse was mach ich nu xD

jojo87

zeig mal dein Script soweit und am besten noch einen Link zum Problem

Sylar

Also hier anhand mal des beispiels

http://tinyurl.com/4mkwl2

die fahne bewegt sich im Internet Explorer von rechts nach links (die erste)

im Firefox nix...

so was mein script angeht hab ich das mal so gelöst:

PHP

<html>
<head>
<title>JavaScript und HTTP</title>
<script type="text/javascript">
function leseDatei()
{
var req = (window.XMLHttpRequest) 
?
new XMLHttpRequest()
:
((window.ActiveXObject)
?
new ActiveXObject("Microsoft.XMLHTTP")
:
false
);
req.open("GET","test.php?cacheaustricksen="+Math.round(Math.random()*100000+1),true);
req.onreadystatechange = function()
{
if (req.readyState==4)
{
if (req.status == 200)
{
var d = document.getElementById("ticker");
d.innerHTML = req.responseText;
}
}
}
req.send(null);
return true;
}
interval = window.setInterval("leseDatei()",30000); //3000 Millisekunden
</script>
  <style type="text/css">
<!--
body {
background-color: #000000;
}
.ticker {
margin-top: 5px;
margin-bottom: 5px;
font-family: Verdana, Arial;
font-weight: bold;
font-size: 11px;
color: #ffcc33;
border: 1px solid #bdc6d9;
padding: 2px;
width: 100%;
background-color: #4d6a86;
}
.style1 {
 text-align: center;
}
-->
  </style>
</head>
<body>
<div class="ticker" id="ticker"></div>
</body>
</html>

Alles anzeigen

hatte mit dem beispiel das problem das ich in der 2. datei irgentwie nich richtig mein script einbinden konnte kamen immer php fehler etc.. von wegen (TSTRING und IFSTRING bla... und wenn ich die test.php (file mit dem ticker und den abfragen) direkt eingebunden hab in die erste hat der das alle paar sekunden aktualisiert ohne unterbrechung

naja nu hab ich halt das firefox problem und das der bei meinem jetztigen weg im internet explorer irgentwie ne zeit brauch bis der ticker anläuft

Sylar

*thema mal push up*

Liveticker Webstream automatisch aktualisieren

Tags

Benutzer online in diesem Thema