Übersicht laut.fm API's

DJ_MrLucky · 25. Januar 2018

Habe mal nach ein paar laut.fm-API's geschaut. Diese Listen haben ich gefunden. Vielleicht kann einer der Programmierer damit etwas anfangen, falls in dieser Richtung etwas gemacht werden sollte!

Teil 1:

Code

ＡＰＩ－ＳＡＭＭＬＵＮＧＨＴＴＰＳ－ＫＯＭＰＡＴＩＢEL
Stand: 19.2.17 das EURESTATION muss jeweils mit dem Sendernamen ersetzt wrden Zuerst Folgendes in den <head> bereich eurer seite Einfügen : <meta content="text/html;charset=utf-8" http-equiv="content-type"> <script type="text/javascript" src="https://api.laut.fm/js_tools/lautfm_js_tools.0.9.1.js" ></script> ---ＥＩＮＦＡＣＨＥＴＩＴＥＬＡＮＺＥＩＧＥ---- <div id="song"></div>
<script type="text/html" id="song_template" charset="utf-8">
<%= this.artist.name %> - <%= this.title %>
</script> <script type="text/javascript" charset="utf-8"> laut.fm.station('EURESTATION') .info({container:'station', template:'station_template'}) .current_song({container:'song', template:'song_template'}, true); </script> ---
ＦüＲＥＩＮＥＡＮＺＥＩＧＥＭＩＴ（ＦＡＬＬＳＶＥＲＦüＧＢＡＲ）ＢＩＬＤＶＯＭＡＲＴＩＳＴ--- <div id="song"></div> <script type="text/html" id="song_template" charset="utf-8">
<img src="<%= this.artist.image %>" alt="" width="292px" height="209px"/> </div><br> <%= this.artist.name %> - <%= this.title %> </script> <script type="text/javascript" charset="utf-8"> laut.fm.station('EURESTATION') .info({container:'station', template:'station_template'}) .current_song({container:'song', template:'song_template'}, true); </script> ---ＡＮＺＥＩＧＥＤＥＲＬＥＴＺＴＥＮ１０ＴＩＴＥＬ----- <div id="songs"> </div> <script type="text/html" id="songs_template" charset="utf-8"> <% this.forEach(function(song){ %>
<img src="<%= song.artist.image %>" width="auto" height="50px" alt="" /></div> Um <%= song.started_at.humanTimeShort() %> lief<br> <%= song.artist.name %> - <%= song.title %> </div> <% }); %> </script> <script type="text/javascript" charset="utf-8"> laut.fm.station('EURESTATION').last_songs({container:'songs', template:'songs_template'}, true); </script> ----ＳＥＮＤＥＰＬＡＮ---- <script type="text/javascript" src="https://api.laut.fm/js_tools/lautfm_js_tools.0.9.0.js" ></script>
<section id="sendeplan">
<div class="container">
<div class="row">
<div id="containerSchedule" ></div>
<script> var songStartTime = new Date(); var containerSchedule = document.getElementById('containerSchedule'); var show_schedule = function(schedule){ var bufferSchedule = []; var bufferScheduleHour = []; var endTime=0; var i = 0; var isShowSchedule=false; var Wochentag = new Array("sun", "mon", "tue", "wed", "thu", "fri", "sat"); var addToTD = ''; bufferSchedule.push('<h1><a name="Sendeplan"></a></h1><br /><table border="0" style="font-size:12px;" width="100%"><tr><th>Uhr</th><th>Montag</th><th>Dienstag</th><th>Mittwoch</th><th>Donnerstag</th><th>Freitag</th><th>Samstag</th><th>Sonntag</th></tr>'); schedule.forEach(function(playlist){ endTime=playlist['end_time']; if(endTime<=playlist['hour']) endTime=endTime+24; for (i = playlist['hour']; i < endTime; i++){ if(playlist['name']!='undefined'){ addToTD='style="font-size: 1.3em;"'; if(bufferScheduleHour[i % 24]){ }else{ bufferScheduleHour[i % 24]=''; } if(Wochentag[songStartTime.getDay()]==playlist['day'] && songStartTime.getHours()==(i % 24)){ document.getElementById('containerScheduleNow').innerHTML='<h1>'+playlist['name']+' (bis ca. '+ playlist['end_time'] +' Uhr)</h1>'; addToTD='style="font-size: 2em;border:5px solid blue;"'; } if((i % 24)==playlist['hour']||(i % 24)==0){ if(playlist['color']){ bufferScheduleHour[i % 24]=bufferScheduleHour[i % 24]+'<td bgcolor="'+playlist['color']+'" '+addToTD+'>'+playlist['name']+'</td>'; }else{ bufferScheduleHour[i % 24]=bufferScheduleHour[i % 24]+'<td '+addToTD+'>'+playlist['name']+'</td>'; } }else{ if(playlist['color']){ bufferScheduleHour[i % 24]=bufferScheduleHour[i % 24]+'<td '+addToTD+' bgcolor="'+playlist['color']+'"'+">''</td>"; }else{ bufferScheduleHour[i % 24]=bufferScheduleHour[i % 24]+"<td '+addToTD+'>''</td>"; } } } } }) for (attr in bufferScheduleHour) { isShowSchedule=true; bufferSchedule.push('<tr align="center"><td>'+attr+'</td>'+bufferScheduleHour[attr]+'</tr>'); } bufferSchedule.push('</table>'); if(isShowSchedule){ containerSchedule.innerHTML = bufferSchedule.join(''); } }; laut.fm.station('EURESTATION').schedule(show_schedule); </script>
</div>
</div> <div id="containerScheduleNow" style="font-size:0px;"></div>

Alles anzeigen

Teil 2:

__________

RAW Paste Data:

Code

ＡＰＩ－ＳＡＭＭＬＵＮＧＨＴＴＰＳ－ＫＯＭＰＡＴＩＢEL
Stand: 19.2.17
das EURESTATION muss jeweils mit dem Sendernamen ersetzt wrden Zuerst Folgendes in den <head> bereich eurer seite Einfügen : <meta content="text/html;charset=utf-8" http-equiv="content-type"> <script type="text/javascript" src="https://api.laut.fm/js_tools/lautfm_js_tools.0.9.1.js" ></script> ---ＥＩＮＦＡＣＨＥＴＩＴＥＬＡＮＺＥＩＧＥ---- <div id="song"></div>
<script type="text/html" id="song_template" charset="utf-8">
<%= this.artist.name %> - <%= this.title %>
</script> <script type="text/javascript" charset="utf-8"> laut.fm.station('EURESTATION') .info({container:'station', template:'station_template'}) .current_song({container:'song', template:'song_template'}, true); </script>
--- ＦüＲＥＩＮＥＡＮＺＥＩＧＥＭＩＴ（ＦＡＬＬＳＶＥＲＦüＧＢＡＲ）ＢＩＬＤＶＯＭＡＲＴＩＳＴ--- <div id="song"></div> <script type="text/html" id="song_template" charset="utf-8">
<img src="<%= this.artist.image %>" alt="" width="292px" height="209px"/> </div><br> <%= this.artist.name %> - <%= this.title %> </script> <script type="text/javascript" charset="utf-8"> laut.fm.station('EURESTATION') .info({container:'station', template:'station_template'}) .current_song({container:'song', template:'song_template'}, true); </script> ---ＡＮＺＥＩＧＥＤＥＲＬＥＴＺＴＥＮ１０ＴＩＴＥＬ----- <div id="songs"> </div> <script type="text/html" id="songs_template" charset="utf-8"> <% this.forEach(function(song){ %>
<img src="<%= song.artist.image %>" width="auto" height="50px" alt="" /></div> Um <%= song.started_at.humanTimeShort() %> lief<br> <%= song.artist.name %> - <%= song.title %> </div> <% }); %> </script> <script type="text/javascript" charset="utf-8"> laut.fm.station('EURESTATION').last_songs({container:'songs', template:'songs_template'}, true); </script> ----ＳＥＮＤＥＰＬＡＮ----
<script type="text/javascript" src="https://api.laut.fm/js_tools/lautfm_js_tools.0.9.0.js" ></script>
<section id="sendeplan">
<div class="container">
<div class="row">
<div id="containerSchedule" ></div>
<script> var songStartTime = new Date(); var containerSchedule = document.getElementById('containerSchedule'); var show_schedule = function(schedule){ var bufferSchedule = []; var bufferScheduleHour = []; var endTime=0; var i = 0; var isShowSchedule=false; var Wochentag = new Array("sun", "mon", "tue", "wed", "thu", "fri", "sat"); var addToTD = ''; bufferSchedule.push('<h1><a name="Sendeplan"></a></h1><br /><table border="0" style="font-size:12px;" width="100%"><tr><th>Uhr</th><th>Montag</th><th>Dienstag</th><th>Mittwoch</th><th>Donnerstag</th><th>Freitag</th><th>Samstag</th><th>Sonntag</th></tr>'); schedule.forEach(function(playlist){ endTime=playlist['end_time']; if(endTime<=playlist['hour']) endTime=endTime+24; for (i = playlist['hour']; i < endTime; i++){ if(playlist['name']!='undefined'){ addToTD='style="font-size: 1.3em;"'; if(bufferScheduleHour[i % 24]){ }else{ bufferScheduleHour[i % 24]=''; } if(Wochentag[songStartTime.getDay()]==playlist['day'] && songStartTime.getHours()==(i % 24)){ document.getElementById('containerScheduleNow').innerHTML='<h1>'+playlist['name']+' (bis ca. '+ playlist['end_time'] +' Uhr)</h1>'; addToTD='style="font-size: 2em;border:5px solid blue;"'; } if((i % 24)==playlist['hour']||(i % 24)==0){ if(playlist['color']){ bufferScheduleHour[i % 24]=bufferScheduleHour[i % 24]+'<td bgcolor="'+playlist['color']+'" '+addToTD+'>'+playlist['name']+'</td>'; }else{ bufferScheduleHour[i % 24]=bufferScheduleHour[i % 24]+'<td '+addToTD+'>'+playlist['name']+'</td>'; } }else{ if(playlist['color']){ bufferScheduleHour[i % 24]=bufferScheduleHour[i % 24]+'<td '+addToTD+' bgcolor="'+playlist['color']+'"'+">''</td>"; }else{ bufferScheduleHour[i % 24]=bufferScheduleHour[i % 24]+"<td '+addToTD+'>''</td>"; } } } } }) for (attr in bufferScheduleHour) { isShowSchedule=true; bufferSchedule.push('<tr align="center"><td>'+attr+'</td>'+bufferScheduleHour[attr]+'</tr>'); } bufferSchedule.push('</table>'); if(isShowSchedule){ containerSchedule.innerHTML = bufferSchedule.join(''); } }; laut.fm.station('EURESTATION').schedule(show_schedule); </script>
</div>
</div> <div id="containerScheduleNow" style="font-size:0px;"></div>

Alles anzeigen

Manuel · 25. Januar 2018

Laut.fm api

da wohl keine Codes hier angezeigt werden können, verlinke ich einfach mal auf meine Seite, wo ich schon vor längerer Zeit alles wichtige zusammengefasst und für jeden einfach erklärt habe:

Anschauen kann man sich das hier

https://quergedacht-chat-community.eu/Laut.fm/intxt.html

Ich wünsche euch damit viel Spaß!

Beste Grüße,

Manuel

Mit ssl zertifikat

Code

<script type="text/javascript" src="https://api.laut.fm/js_tools/lautfm_js_tools.0.9.0.js" ></script>

One ssl zertifikat

Code

<script type="text/javascript" src="http://api.laut.fm/js_tools/lautfm_js_tools.0.9.0.js" ></script>

aktuellen Titel, Interpret und Album anzeigen

STATION muss in euren Sendernamen geändert werden!

Code

<div id="song"></div>
<script type="text/html" id="song_template" charset="utf-8">
<p>Du hörst<br /><strong><%= this.title %></strong><br />
von <em><%= this.artist.name %><br />
Album: <%= this.album %> </p> </script>
<script type="text/javascript" charset="utf-8"> laut.fm.station('STATION')
.info({container:'station', template:'station_template'})
.current_song({container:'song', template:'song_template'}, true); </script>

aktuellen Titel, Interpret und Ohne Album anzeige

STATION muss in euren Sendernamen geändert werden!

Code

<div id="song"></div>
<script type="text/html" id="song_template" charset="utf-8">
<p>Du hörst<br /><strong><%= this.title %></strong><br />
von <em><%= this.artist.name %><br /></script>
<script type="text/javascript" charset="utf-8"> laut.fm.station('STATION')
.info({container:'station', template:'station_template'})
.current_song({container:'song', template:'song_template'}, true); </script>

Höerzahl

STATION muss in euren Sendernamen geändert werden!

Code

<p>
<strong>Hörer: </strong> <strong><span id="hoerer">1</span></strong> <script
type="text/javascript" charset="utf-8">
//<![CDATA[
var hoerer = document.getElementById('hoerer');
var show_listeners = function(listeners){ hoerer.innerHTML = listeners }
laut.fm.station('radiofinnundjan').listeners(show_listeners);
setInterval(function(){
laut.fm.station('STATION').listeners(show_listeners);
},01*1000) // jede Minute updaten
//]]>
</script>
</p>

Alles anzeigen

Die letzten 10 Titel

STATION muss in euren Sendernamen geändert werden!

Mit diesen Funktionen:

Song-Startzeit
Anzeige Titel, Interpret, Album (Erscheinungsjahr)
direkte Links zum Suchen auf Google, YouTube und Amazon

Code

<ul id="songs"></ul> <script type="text/html" id="songs_template" charset="utf-8">
<% this.forEach(function(song){ %>
<li><%= song.started_at.humanTimeLong() %> Uhr: <strong><%= song.title %></strong><br />
von <%= song.artist.name %>, <em><%= song.album %></em> (<%= song.releaseyear %>)<br />
» <a href="http://www.amazon.de/gp/search?ie=UTF8&keywords=<%= encodeURIComponent(song.artist.name) %>%20<%= encodeURIComponent(song.title) %>&tag=celtic-rock-21&index=music&linkCode=ur2&camp=1638&creative=6742" target="_blank" title="Auf Amazon nach diesem Interpreten suchen">Amazon</a>
| <a href="http://www.google.de/?q=<%= encodeURIComponent(song.artist.name) %>%20<%= encodeURIComponent(song.title) %>" title="Titel auf google.de suchen" target="_blank">Google</a>
| <a href="http://www.youtube.com/results?search_query=<%= encodeURIComponent(song.artist.name) %>%20<%= encodeURIComponent(song.title) %>" title="Band auf Youtube suchen" target="_blank">Youtube</a>
<br /><br /></li>
<% }); %>
</script>
<script type="text/javascript" charset="utf-8">
laut.fm.station('STATION').last_songs({container:'songs', template:'songs_template'}, true);
</script>

Alles anzeigen

Franc · 25. Januar 2018

Kann es sein, dass Umlaute bei Laut.fm nicht angezeigt werden?

Lapotor · 25. Januar 2018

Danke für die Ganzen Infos.

Bin aber auch im Laut.fm Forum und bin auch bei einer Station von daher kenne ich das alles auch schon

Franc · 7. Februar 2018

Manuel schrieb:

Die letzten 10 Titel

STATION muss in euren Sendernamen geändert werden!

Mit diesen Funktionen:

Song-Startzeit

Anzeige Titel, Interpret, Album (Erscheinungsjahr)

direkte Links zum Suchen auf Google, YouTube und Amazon

Darf man fragen, wo Du diesen Code her hast?

DJ_MrLucky · 7. Februar 2018

Den Code von Manuel kann man im Support-Forum bei laut.fm finden!

Franc · 7. Februar 2018

Dann stell ich mir die Frage, wer da mit verdient:

Code

<a href="http://www.amazon.de/gp/search?ie=UTF8&keywords=<%= encodeURIComponent(song.artist.name) %>%20<%= encodeURIComponent(song.title) %>&tag=celtic-rock-21&index=music&linkCode=ur2&camp=1638&creative=6742" target="_blank" title="Auf Amazon nach diesem Interpreten suchen">Amazon</a>

Gibt es diesen Code auch ohne Affiliate?

DJ_MrLucky · 7. Februar 2018

Diesen Code kannst du einfach entfernen. Dann hast du nur noch die Google-Suche und die YouTube-Suche drin.

Franc · 7. Februar 2018

Dies wäre möglich, ja.

Doch wäre es für Nutzer nicht besser, seinen eigenen Account und somit seine eigene Amazon Advertising API zu nutzen?

DJ_MrLucky · 7. Februar 2018

Dieser Code stammt von einen anderen Nutzer aus dem laut-fm-Forum. Wenn du deinen eigenen Account von Amazon verwenden möchtest, dann brauchst du nur die entsprechenden Stellen abändern. ich weiß jetzt auch nicht welcher Bereich genau geändert werden muss, da ich selber kein amazon Advertising nutze. Am besten schaust du dir die deine persönliche APi an und änderst entsprechend die Stellen im Code.

Franc · 8. Februar 2018

Genau das ist das Problem.

Mir ist schon bewusst, dass eine persönliche API genutzt werden sollte. Ich selbst setze den Code nicht ein. Jedoch finde ich es etwas daneben, hier irgend einen Code für die Öffentlichkeit zu posten, welcher von irgend einem Nutzer des laut-fm-Forums zum Eigenzweck gepostet wurde. Man sollte bedenken, dass hier auch nicht so versierte User Hilfe im Forum suchen.

Also entweder einen "sauberen" Code hier veröffentlichen oder die genaue Quelle angeben, damit man sich selbst den richtigen persönlichen Code erstellen kann.

albertikus · 8. Februar 2018

Der Code wurde ja nicht von drcomputer oder mir veröffentlicht. Ist also nicht offiziell. Wenn User einfach irgendwelche Codes von Usern nehmen und verwenden, ist das doch deren Problem wenn sie Affiliate-Links benutzen. Außerdem glaube ich nicht, dass dies mit mutwilliger Absicht war.

Franc · 8. Februar 2018

albertikus ich denke, Du verstehst mich falsch. Ich möchte hier niemanden Absicht unterstellen, nur andere User darauf aufmerksam machen!

celticradio · 11. Februar 2018

Hallo Franc ,

der Code da oben (bzgl. amazon) ist ursprünglich von meiner Seite gewesen und Jahre alt. Interessant wo man so alles die Dinge ungeprüft wiederfindet. Prinzipiell solltest Du aber einfach das "&tag=celtic-rock-21" entfernen können und dann funktioniert es auch weiterhin: https://celtic-rock.de/radio/letzte-10-titel/

Viele Grüße

Daniel

Gefällt Dir der Thread? Möchtest du was dazu schreiben?

Dann logge Dich bitte mit deinem Benutzerkonto ein.
Du besitzt noch kein Benutzerkonto? Dann registriere Dich jetzt kostenlos! Nach der Registrierung kannst du das Forum uneingeschränkt nutzen.

Übersicht laut.fm API's

Ähnliche Themen

Welche Bereiche sollen noch ins Forum?

Jetzt Spenden und das Projekt unterstützen