Online / Offline Status für Live-Streams

Hallo Forumieren Team

Ich hätte da mal eine technische Frage zu wie oben schon beschrieben.
Was ich genau möchte bzw technisch umsetzen will ist folgendes.

Wir haben in unserer Madden Online Liga auf der PS4 die möglichkeit Onlineligaspiele Live zu streamen mit dem Anbieter Twitch oder Ustream.

Dazu habe ich nun auf unserer Homepage ein Modul erstellt mit allen User und Ihren Team wenn also ein anderer User das Spiel nun Live sehen möchte muss er einfach nur einen klick auf den jeweiligen User klicken und wird also direkt zum Livestream weiter geleitet.
Zu gleich soll aber der Status dabei für die anderen User sichtbar sein bzw sich dann wechseln von Offline zu online wenn sich der gewisse User in seinen Livestream Kanal einwählt.

Geht so etwas ? Benötige ich dazu ein Script ? Und wenn ja von wo bekomme ich so ein Script ?

Siehe Screen



Meine Frage nun ist wie kann ich das ganze umsetzen benötige ich dazu ein Script oder was müsste ich am günstigsten machen.

Das sind meine Codes

Code:

<aside id="lsb_stream_status_widget-2" class="widget widget_lsb_stream_status_widget"> </aside>  
<div style="" class="widget-title">
                                                                                                                                                           
   <div class="right-corner">
                                                                                                            
   </div>
                                                                       
</div><aside id="lsb_stream_status_widget-2" class="widget widget_lsb_stream_status_widget"></aside>  
<div style="" class="lsb-status-widget-holder">
                                                       
   <ul>
                                                                                
      <li>
                                                   <span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;"><span class="lsb-status-widget-title"><a href="" target="_blank">49ers (ssjewers)</a>  </span>  <span class="lsb-status-widget-indicator lsb-off">Offline</span>                                                         </span>  </span>  </span>                
      </li><span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;">                                                                                                                 </span>  </span>  </span>                
      <li class="lsb-status-widget-list-item lsb-off">
                                                                                        <span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;"><span class="lsb-status-widget-title">    <a href="http://www.ustream.tv/channel/coachthebear" target="_blank">Bears (dennis_the_Bear)</a>  </span>  <span class="lsb-status-widget-indicator lsb-off">Offline</span></span></span></span>                                                                            
      </li><span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;">                                                                                                               </span>  </span>  </span>                
      <li class="lsb-status-widget-list-item lsb-off">
                                                                                        <span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;"><span class="lsb-status-widget-title">    <a href="http://www.twitch.tv/dreamleague" target="_blank">Bengals (Tony-D-Amato)</a>  </span>  <span class="lsb-status-widget-indicator lsb-off">Offline</span></span></span></span>                                                                            
      </li><span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;">                                                                                                               </span>  </span>  </span>                
      <li class="lsb-status-widget-list-item lsb-off">
                                                                                        <span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;"><span class="lsb-status-widget-title">    <a href="" target="_blank">Bills (riddelL79)</a>  </span>  <span class="lsb-status-widget-indicator lsb-off">Offline</span></span></span></span>                                                                            
      </li><span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;">                                                                                                               </span>  </span>  </span>                
      <li class="lsb-status-widget-list-item lsb-off">
                                                                                        <span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;"><span class="lsb-status-widget-title">    <a href="" target="_blank">Broncos (manu021192)</a>  </span>  <span class="lsb-status-widget-indicator lsb-off">Offline</span></span></span></span>                                                                            
      </li><span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;">                                                                                                               </span>  </span>  </span>                
      <li class="lsb-status-widget-list-item lsb-off">
                                                                                        <span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;"><span class="lsb-status-widget-title">    <a href="http://www.ustream.tv/channel/tightend92-s-ps4-live-show" target="_blank">Browns (DaBears)</a>  </span>  <span class="lsb-status-widget-indicator lsb-off">Offline</span></span></span></span>                                                                            
      </li><span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;">                                                                                                               </span>  </span>  </span>                
      <li class="lsb-status-widget-list-item lsb-off">
                                                                                        <span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;"><span class="lsb-status-widget-title">    <a href="" target="_blank">Cardinals (calvin_cfc)</a>  </span>  <span class="lsb-status-widget-indicator lsb-off">Offline</span></span></span></span>                                                                            
      </li><span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;">                                                                                                               </span>  </span>  </span>                
      <li class="lsb-status-widget-list-item lsb-off">
                                                                                        <span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;"><span class="lsb-status-widget-title">    <a href="" target="_blank">Chargers (heigi)</a>  </span>  <span class="lsb-status-widget-indicator lsb-off">Offline</span></span></span></span>                                                                            
      </li><span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;">                                                                                                               </span>  </span>  </span>                
      <li class="lsb-status-widget-list-item lsb-off">
                                                                                        <span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;"><span class="lsb-status-widget-title">    <a href="" target="_blank">Chiefs (mike_fresh88)</a>  </span>  <span class="lsb-status-widget-indicator lsb-off">Offline</span></span></span></span>                                                                            
      </li><span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;">                                                                                                               </span>  </span>  </span>                
      <li class="lsb-status-widget-list-item lsb-off">
                                                                                        <span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;"><span class="lsb-status-widget-title">    <a href="" target="_blank">Eagles (rapmaster)</a>  </span>  <span class="lsb-status-widget-indicator lsb-off">Offline</span></span></span></span>                                                                            
      </li><span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;">                                                                                                               </span>  </span>  </span>                
      <li class="lsb-status-widget-list-item lsb-off">
                                                                                        <span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;"><span class="lsb-status-widget-title">    <a href="" target="_blank">Falcons (Tightend84)</a>  </span>  <span class="lsb-status-widget-indicator lsb-off">Offline</span></span></span></span>                                                                            
      </li><span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;">                                                                                                               </span>  </span>  </span>                
      <li class="lsb-status-widget-list-item lsb-off">
                                                                                        <span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;"><span class="lsb-status-widget-title">    <a href="" target="_blank">Giants (Zirkus-Toni)</a>  </span>  <span class="lsb-status-widget-indicator lsb-off">Offline</span></span></span></span>                                                                            
      </li><span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;">                                                                                                               </span>  </span>  </span>                
      <li class="lsb-status-widget-list-item lsb-off">
                                                                                        <span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;"><span class="lsb-status-widget-title">    <a href="" target="_blank">Dolphins (Linkin_Marc)</a>  </span>  <span class="lsb-status-widget-indicator lsb-off">Offline</span></span></span></span>                                                                            
      </li><span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;">                                                                                                               </span>  </span>  </span>                
      <li class="lsb-status-widget-list-item lsb-off">
                                                                                        <span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;"><span class="lsb-status-widget-title">    <a href="" target="_blank">Lions (Gott39)</a>  </span>  <span class="lsb-status-widget-indicator lsb-off">Offline</span></span></span></span>                                                                            
      </li><span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;">                                                                                                               </span>  </span>  </span>                
      <li class="lsb-status-widget-list-item lsb-off">
                                                                                        <span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;"><span class="lsb-status-widget-title">    <a href="" target="_blank">Packers (SteBln87)</a>  </span>  <span class="lsb-status-widget-indicator lsb-off">Offline</span></span></span></span>                                                                            
      </li><span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;">                                                                                                               </span>  </span>  </span>                
      <li class="lsb-status-widget-list-item lsb-off">
                                                                                        <span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;"><span class="lsb-status-widget-title">    <a href="" target="_blank">Panthers (Lodman)</a>  </span>  <span class="lsb-status-widget-indicator lsb-off">Offline</span></span></span></span>                                                                            
      </li><span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;">                                                                                                               </span>  </span>  </span>                
      <li class="lsb-status-widget-list-item lsb-off">
                                                                                        <span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;"><span class="lsb-status-widget-title">    <a href="" target="_blank">Raiders (Nesandur)</a>  </span>  <span class="lsb-status-widget-indicator lsb-off">Offline</span></span></span></span>                                                                            
      </li><span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;">                                                                                                               </span>  </span>  </span>                
      <li class="lsb-status-widget-list-item lsb-off">
                                                                                        <span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;"><span class="lsb-status-widget-title">    <a href="" target="_blank">Rams (rfkrause69)</a>  </span>  <span class="lsb-status-widget-indicator lsb-off">Offline</span></span></span></span>                                                                            
      </li><span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;">                                                                                                               </span>  </span>  </span>                
      <li class="lsb-status-widget-list-item lsb-off">
                                                                                        <span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;"><span class="lsb-status-widget-title">    <a href="" target="_blank">Redskins (Vertra23)</a>  </span>  <span class="lsb-status-widget-indicator lsb-off">Offline</span></span></span></span>                                                                            
      </li><span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;">                                                                                                               </span>  </span>  </span>                
      <li class="lsb-status-widget-list-item lsb-off">
                                                                                        <span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;"><span class="lsb-status-widget-title">    <a href="" target="_blank">Steelers (Moos7676)</a>  </span>  <span class="lsb-status-widget-indicator lsb-off">Offline</span></span></span></span>                                                                            
      </li><span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;">                                                                                                               </span>  </span>  </span>                
      <li class="lsb-status-widget-list-item lsb-off">
                                                                                        <span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;"><span class="lsb-status-widget-title">    <a href="" target="_blank">Texans (osthesse)</a>  </span>  <span class="lsb-status-widget-indicator lsb-off">Offline</span></span></span></span>                                                                            
      </li><span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;">                                                                                                               </span>  </span>  </span>                
      <li class="lsb-status-widget-list-item lsb-off">
                                                                                        <span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;"><span class="lsb-status-widget-title">    <a href="" target="_blank">Titans (hammerfalking)</a>  </span>  <span class="lsb-status-widget-indicator lsb-off">Offline</span></span></span></span>                                                                            
      </li><span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;">                                                                                                               </span>  </span>  </span>                
      <li class="lsb-status-widget-list-item lsb-off">
                                                                                        <span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;"><span class="lsb-status-widget-title">    <a href="" target="_blank">Vikings (lugl123)</a>  </span>  <span class="lsb-status-widget-indicator lsb-off">Offline</span></span></span></span>                                                                            
      </li><span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;">                                                                                                                  </span>  </span>  </span>                
      <li class="lsb-status-widget-list-item lsb-off">
                                                                                        <span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;"><span class="lsb-status-widget-title">    <a href="http://www.twitch.tv/tinoberlin87" target="_blank">Patriots (tinoberlin87)</a>  </span>  <span class="lsb-status-widget-indicator lsb-off">Offline</span></span></span></span>                                                                            
      </li><span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;">                                                                                                                  </span>  </span>  </span>                
      <li class="lsb-status-widget-list-item lsb-off">
                                                                                        <span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;"><span class="lsb-status-widget-title">    <a href="" target="_blank">Jets (bumzuandi)</a>  </span>  <span class="lsb-status-widget-indicator lsb-off">Offline</span></span></span></span>                                                                            
      </li><span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;">                                                                                                   </span>  </span>  </span>                
      <li class="lsb-status-widget-list-item lsb-off">
                                                                                        <span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;"><span class="lsb-status-widget-title">    <a href="http://www.ustream.tv/channel/koenig-triplep-s-ps4-live-show" target="_blank">Ravens (Koenig-TripleP)</a>  </span>  <span class="lsb-status-widget-indicator lsb-off">Offline</span></span></span></span>                                                                            
      </li><span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;">                                                                                                                  </span>  </span>  </span>                
      <li class="lsb-status-widget-list-item lsb-off">
                                                                                        <span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;"><span class="lsb-status-widget-title">    <a href="" target="_blank">Colts ()</a>  </span>  <span class="lsb-status-widget-indicator lsb-off">Offline</span></span></span></span>                                                                            
      </li><span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;">                                                                                                                  </span>  </span>  </span>                
      <li class="lsb-status-widget-list-item lsb-off">
                                                                                        <span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;"><span class="lsb-status-widget-title">    <a href="" target="_blank">Jaguars (19and09l)</a>  </span>  <span class="lsb-status-widget-indicator lsb-off">Offline</span></span></span></span>                                                                            
      </li><span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;">                                                                                                                  </span>  </span>  </span>                
      <li class="lsb-status-widget-list-item lsb-off">
                                                                                        <span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;"><span class="lsb-status-widget-title">    <a href="" target="_blank">Cowboys (MLS8890)</a>  </span>  <span class="lsb-status-widget-indicator lsb-off">Offline</span></span></span></span>                                                                            
      </li><span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;">                                                                                                                  </span>  </span>  </span>                
      <li class="lsb-status-widget-list-item lsb-off">
                                                                                        <span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;"><span class="lsb-status-widget-title">    <a href="" target="_blank">Saints (Denzone)</a>  </span>  <span class="lsb-status-widget-indicator lsb-off">Offline</span></span></span></span>                                                                            
      </li><span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;">                                                                                                                  </span>  </span>  </span>                
      <li class="lsb-status-widget-list-item lsb-off">
                                                                                        <span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;"><span class="lsb-status-widget-title">    <a href="" target="_blank">Buccaneers (KingSize97)</a>  </span>  <span class="lsb-status-widget-indicator lsb-off">Offline</span></span></span></span>                                                                            
      </li><span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;">                                                                                                                  </span>  </span>  </span>                
      <li class="lsb-status-widget-list-item lsb-off">
                                                                                        <span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;"><span class="lsb-status-widget-title">    <a href="" target="_blank">Seahawks (Rawside)</a>  </span>  <span class="lsb-status-widget-indicator lsb-off">Offline</span></span></span></span>                                                                            
      </li><span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;">                                                                                                      </span></span></span><aside id="lsb_stream_status_widget-2" class="widget widget_lsb_stream_status_widget"> </aside><aside id="members-widget-login-4" class="widget login"></aside><span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;">       </span>  </span>  </span>                
   </ul><span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;"></span></span></span>
</div><span style="font-size: 10px;"><span style="font-size: 10px;"><span style="font-size: 13px;">        </span></span></span>
<div style="" class="widget-title">
                                                                                                                                                   
</div>





Und das ist der CSS Code

Code:

.lsb-status-widget-holder {
}

.lsb-status-widget-holder ul {
    list-style-type: none;
}

.lsb-status-widget-list-item {
}

.lsb-status-widget-list-item.lsb-on {
}

.lsb-status-widget-list-item.lsb-off {
}

.lsb-status-widget-title {
}

/* Images in stream title (via shortcode) */
.lsb-status-widget-title img {
    margin: 3px; /* Make some space between image and text in title */
    vertical-align: middle;
}

.lsb-status-widget-indicator {
    float: right;
}

.lsb-status-widget-indicator.lsb-on {
   color:#F00;
   font-weight:bold;
}

.lsb-status-widget-indicator.lsb-off {
}

.lsb-status-widget-image, .lsb-status-widget-image > a {
    width: 100%;
}

.lsb-status-widget-image img {
    max-width: 100%;
}

/* Embedded view */

.lsb-embedded-view object {
    max-width: 100%;
}

.lsb-embedded-chat iframe {
    max-width: 100%;
}




Hallo,

das wäre nur mit PHP/MySQL möglich, weil dazu Einträge in und Abfragen aus einer Datenbank nötig wären.
Du weißt sicherlich, dass wir grundsätzlich keine Scripte erstellen...
Hinweis bezüglich Templateänderungen, Scripten und HTML/ CSS-Codes
... aber in diesem Fall würde es sich sogar um eine Umsetzung handeln, die nicht mal auf Forumieren bezogen ist bzw. alleine mit den Möglichkeiten eines Forumieren-Forums nicht umsetzbar wäre (PHP, Datenbank...). Tut mir leid.

Liebe Grüße
Günther

Schade kann man nichts machen.
Aber trotzdem danke.

Bitte.
-closed-