Jam Legend Widget für die eigene Webseite (erweiterbar und anpassbar)

    Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

    • Jam Legend Widget für die eigene Webseite (erweiterbar und anpassbar)

      Viel Spaß beim jamen.

      Ihr könnt es natürlich ganz einfach auf euren eigenen Webseiten benutzen:
      test.project-fusion.net/jamlegend/

      Ich habe auch eine Version erstellt, wo man selber bestimmen kann, welche Songs in dem Widget sind.

      Diese Version kann man ganz einfach auf seine eigene Webseite oder seinen Blog einfügen:

      einfach folgenden HTML / Javascript Code eingeben und abspeichern:

      Quellcode

      1. <script type="text/javascript">//<![CDATA[
      2. function randomElement ( myArray ) {
      3. if ( ! myArray ) return false;
      4. return myArray[ Math.floor( Math.random() * myArray.length ) ];
      5. }
      6. var songs = new Array(
      7. '274',
      8. '260',
      9. '112195'
      10. );
      11. var jl_widget_s=randomElement( songs );
      12. var jl_widget_d=window.location.hostname;
      13. var jl_widget_v=0.1;
      14. var jl_widget_p="https:"===document.location.protocol?"https:":"http:";
      15. document.write(unescape('%3Clink rel="stylesheet" type="text/css" media="screen" href="' + jl_widget_p + '//s3.amazonaws.com/widget.jamlegend.com/widget.css" id="jl_widget_stylesheet" />'));
      16. document.write(unescape("%3Cscript src='" + jl_widget_p + "//s3.amazonaws.com/widget.jamlegend.com/" + jl_widget_v + "/widget.js' type='text/javascript'%3E%3C/script%3E"));
      17. //]]>
      18. </script>
      Alles anzeigen


      Dann nur noch die Songs hinzufügen:

      Die Zeilen
      var songs = new Array(
      '274',
      '260',
      '112195'

      enthalten die Songs. In jeder Zeile ist jeweils eine Song ID von JamLegend.
      Wenn man auf JamLegend.com ist sieht ein Link zu einem Song ungefähr so aus:
      jamlegend.com/song/14994

      Davon braucht ihr die Song ID, die ihr dann im Javascript Code entsprechend einfügt hier also
      jamlegend.com/song/14994

      also die Zahl 14994 braucht ihr dann

      entsprechend sieht euer Code dann ungefähr so aus:

      <script type="text/javascript">//<![CDATA[
      function randomElement ( myArray ) {
      if ( ! myArray ) return false;
      return myArray[ Math.floor( Math.random() * myArray.length ) ];
      }

      var songs = new Array(

      '14994'
      );
      var jl_widget_s=randomElement( songs );
      var jl_widget_d=window.location.hostname;
      var jl_widget_v=0.1;
      var jl_widget_p="https:"===document.location.protocol?"https:":"http:";
      document.write(unescape('<link rel="stylesheet" type="text/css" media="screen" href="' + jl_widget_p + '//s3.amazonaws.com/widget.jamlegend.com/widget.css" id="jl_widget_stylesheet" />'));
      document.write(unescape("<script src='" + jl_widget_p + "//s3.amazonaws.com/widget.jamlegend.com/" + jl_widget_v + "/widget.js' type='text/javascript'></script>"));
      //]]>
      </script>


      Es gibt auch eine fertige Version zum direkt einfügen, die alle Songs beinhaltet auf test.project-fusion.net/jamlegend/ :D

      Let's Rock

      Dieser Beitrag wurde bereits 3 mal editiert, zuletzt von Huxxxley ()

    • Wieso? Ich muss ja im Code hervorheben, wo die Songs eingetragen werden müssen.

      Wo ist da dunkelgrün auf dunkelgrün? Für mich sieht der Hintegrund vom Forum grau aus.

      Wie es funktioniert nicht auf Opera?

      Welche Version meinst du denn?
    • Benutzer online 1

      1 Besucher