Lexi Help
Partner
free forum

Online / Offline Status für Live-Streams

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt Online / Offline Status für Live-Streams

Beitrag von Mazacre am Mi 19 Nov 2014 - 16:20

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%;
}




Zuletzt von Mazacre am Mi 19 Nov 2014 - 19:00 bearbeitet, insgesamt 1 mal bearbeitet

Mazacre
Lehrling
Lehrling

Männlich Beiträge : 118
Anmeldedatum : 12.12.12

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Online / Offline Status für Live-Streams

Beitrag von Günther am Mi 19 Nov 2014 - 18:28

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

Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Online / Offline Status für Live-Streams

Beitrag von Mazacre am Mi 19 Nov 2014 - 18:56

Schade kann man nichts machen.
Aber trotzdem danke.

Mazacre
Lehrling
Lehrling

Männlich Beiträge : 118
Anmeldedatum : 12.12.12

Nutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Online / Offline Status für Live-Streams

Beitrag von Günther am Mi 19 Nov 2014 - 19:02

Bitte. Wink
-closed-

Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Forenbefugnisse:
Sie können in diesem Forum nicht antworten