Forum - Gutes Online Radio gesucht

Um alle Funktionen nutzen zu k�nnen, aktivieren Sie bitte JavaScript in ihrem Browser!

Der Treffpunkt f�r Hilfe, Tricks & Tipps � XOBOR-Foren und Homepages � Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps � Gutes Online Radio gesucht - Weihnachtsradio!

Seite 1 von 2 � Seite 1 2 Seite �

Themen-Einstellungen

Thema drucken

Bereich wechseln

Start Willkommen! Ank�ndigungen & Termine, wichtige News! Stellen Sie Ihr eigene Webseite vor! Betriebssystem MS Windows & andere Betriebssysteme Betriebssystem MS Windows 11, 10, 8 und 7 - Tricks & Tipps MS Windows 11, 10, 8 und 7 - Fragen & Antworten Linux, Ubuntu und andere Betriebssysteme �rger mit dem PC, Laptop oder Tablet? �rger mit dem PC, Laptop oder Tablet - Vorbeugung und Hilfe �rger mit dem PC, Laptop oder Tablet - Fragen & Antworten Fragen zu DSL, VDSL, LTE und anderen Netzempfangsarten XOBOR-Foren und Homepages Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten Das neue Template Xobor (v6) Energieerzeugung im neuen Zeitalter - Revolution�r! Videos und Webseiten zur Freien Energie Wasserstoff - Energietr�ger der Zukunft. Die besten Links Empfehlenswerte und interessante Links! Link - Suche Verschiedenes Faszinationen & Unglaubliches! Tricks & Tipps f�r Smartphones und iPhones Lob, Kritik & Verbesserungsvorschl�ge Spiel & Spa�, Witz & gute Laune! Spiritualit�t, Seele, New Age, Yoga, Gesundheit Alles, was noch so �brig bleibt Bannertausch Wie funktioniert der Bannertausch? Bannerrotation und Bannerwechsel

#1 | Gutes Online Radio gesucht - Weihnachtsradio! datum

18.03.2012 19:58 (zuletzt bearbeitet: 01.12.2024 12:31)

Gutes Online Radio gesucht!
Aktualisiert 26.11.24

Auf der Suche nach einem gutem Online Radio ist mir Radio BOB! über den Weg gelaufen!

Hier einige der positiven Eigenschaften:

  • Livestream für Musik im Hintergrund (Button oben rechts)
  • Abrufbare und abspielbare, bis 14 Tage zurückliegende Playliste
  • Karten für die besten Rockkonzerte
  • Musikwünsche
  • Musik-Video des Tages
  • Aktuelle Musikspecials
  • Aktionen zum Mitmachen
  • .....

Kennt Ihr eine gutes Online Radio, bitte melden und posten!

Bis dann

Wolfgang

Antworten

#2 | Online Radio hören von fast allen bekannten Radio-Sendern datum

02.05.2012 00:02 (zuletzt bearbeitet: 26.11.2024 12:44)

Online Radio hören von fast allen bekannten deutschen Radio-Sendern
Aktualisiert 26.11.24

Fast alle Radiosender machen sich das Internet zu nutze, um zu werben und sich bekannt zu machen.

Eine Zusammenfassung vieler "live radio stream" bietet radio.de an.
Fast alle deutsche Radiosender sind hier zu finden.
Eine extra eingerichtete Suche erleichtert das Auffinden seines Radiosenders.
Die Oberfläche ist recht schlicht gehalten, aber super nützlich!
Über einen Weblink lassen sich die Radiosender aufrufen!

Super Webseite, sehr zu empfehlen.

Verschiedene "Live radio streams" sind hier im Forum oben rechts im Auswahlmenü zu finden.
Man sollte doch öfters prüfen, ob die Webadresse noch erreichbar sind, da die Sender doch sehr häufig ihre Webseiten und Adressen ändern!
Hinzu kommt noch, dass sich kaum ein Livestream direkt aufrufen lässt, hier ist ein weiterer Klick notwendig!

Bis dann mit viel Musik in den Ohren

Wolfgang

Antworten

#3 | Online Radio für die Homepage! datum

24.05.2016 22:50 (zuletzt bearbeitet: 27.11.2024 15:52)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3453
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1317

Online Radio für die Homepage! - Auswahlmenü mit gegenseitiger Auslösung!
Aktualisiert 27.11.24

In der folgenden Anleitung wird das Auswahlmenü des "Online Web Radio" mit gegenseitiger Auslösung und Toggle-Funktion ausgerüstet!
Besonders geeignet, wenn eine große Anzahl von Radiosendern zur Verfügung gestellt werden!

Was hat sich geändert!

Mir ist aufgefallen, dass immer mehr Online-Radiosender vor jedem neuen Start, Werbung einspielen! Sehr unschön!

Die Radiosender können auch nicht direkt aufgerufen und abgespielt werden (DSGVO).

Installation für alle Templates

Das Skript kommt für die Templates (v1-4) in die "Kopfzeile",
für das Xobor (v6) + Mobil in "Eigene Kopfzeile".
Wird das Script außerhalb der "Xobor-Templates" verwendet, muss geprüft werden ob "jQuery" bereits vorhanden ist!
Ist "jQuery" nicht vorhanden muss Zeile 93 freigegeben werden!
In Zeile 13 kann die Position der Auslösegrafik bestimmt werden!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
 
<style>
  /*** Online Radio - Webradio ***/
  #webradio1 {display:none; margin:10px auto; background-color:#eeeeee; border:4px double #011978; border-radius:15px; white-space:nowrap; box-shadow: -2px 4px 6px #ffffff; position:absolute;}
  #webradio2, #webradio3, #webradio4, #webradio5, #webradio6 {display:none; border-top:4px double #011978; font-size:18px; white-space:nowrap; padding:15px; text-align:left;}
  #webradio1 img {height: 50px; margin-bottom:-4px; border-right:4px double #011978; padding:8px; cursor:pointer;}
  
  .webradio8 {border-right:none !important;}
  .webradio9 {cursor:default; color:#000000; padding: 0 5px 0 5px; font-size:15px}
  .webradio10 {cursor:pointer; color:#000000; padding: 0 5px 0 5px;}
  .webradio10:hover {color:#0763B8; text-decoration:underline; background-color:#ffffff;}
 
  .webradio_header_link {background-color:#aaaaaa; width:100px ;padding:2px 5px; border-radius:4px;margin-right:10px !important; font-weight:bold;}
  .webradio_header {cursor:pointer; margin-left: 50px;}
  .webradio_header:hover .webradio_header_link {filter: brightness(1.2);}
  .webradioDiv { margin:10px 0 10px 0; z-index:700; display:inline-block;}
</style>
 

<div class="webradioDiv"> 
  <div class="webradio_header" onclick="spoil2('webradio1')">
    <img src="https://files.homepagemodules.de/b104774/f46t1197p2704n31_nGIuzVjQ.png" width="100px"><br />
    <div class="webradio_header_link">Online Radio</div>
  </div>
 
  <div id="webradio1">
    <img onclick="spoil2('webradio2')" src="https://files.homepagemodules.de/b104774/f46t1197p2704n32_jYPpZJSF.png">
    <img onclick="spoil2('webradio3')" src="https://files.homepagemodules.de/b104774/a_763_328ca472.png">
    <img onClick="spoil2('webradio4')" src="https://files.homepagemodules.de/b104774/f46t1197p2704n37_luvnpBcm.png">
    <img class="webradio8" onclick="spoil2('webradio5')" src="https://files.homepagemodules.de/b104774/f46t1197p2704n35_ZyhvNnfq.png">
 
 
    <div id="webradio2" class="spoil_x">
      <div class="webradio10" onclick="window.open(this.href='//webradio.ffh.de',  rel='noopener noreferrer');">FFH Hitradio</div>
      <div class="webradio10" onclick="window.open(this.href='//webradio.ffh.de/rock', rel='noopener noreferrer');">FFH Digital - Rock</div>
      <div class="webradio10" onclick="window.open(this.href='//webradio.ffh.de/lounge', rel='noopener noreferrer');">FFH Digital - Lounge</div>
      <div class="webradio10" onclick="window.open(this.href='//webradio.ffh.de/leidergeil', rel='noopener noreferrer');">FFH Digital - Leider Geil</div>
      <div class="webradio10" onclick="window.open(this.href='//webradio.ffh.de/party', rel='noopener noreferrer');">FFH Digital - Party</div>
      <div class="webradio10" onclick="window.open(this.href='//webradio.ffh.de/top40', rel='noopener noreferrer');">FFH Digital - Top40</div>
      <div class="webradio10" onclick="window.open(this.href='//webradio.ffh.de/90er', rel='noopener noreferrer');">FFH Digital - Just 90s</div>
      <div class="webradio10" onclick="window.open(this.href='//webradio.ffh.de/80er', rel='noopener noreferrer');">FFH Digital - Die 80er</div>
      <div class="webradio10" onclick="window.open(this.href='//webradio.ffh.de/schlager', rel='noopener noreferrer');">FFH Digital - Schlager Kult</div>
      <div class="webradio10" onclick="window.open(this.href='//webradio.ffh.de/soundtrack', rel='noopener noreferrer');">FFH Digital - Soundtrack</div>
      <div class="webradio10" onclick="window.open(this.href='//webradio.ffh.de/eurodance', rel='noopener noreferrer');">FFH Digital - Euro Dance</div>
      <div class="webradio10" onclick="window.open(this.href='//webradio.ffh.de/weihnachtsradio', rel='noopener noreferrer');">FFH Digital - Weihnachtsradio</div>
      <div class="webradio10" onclick="window.open(this.href='//webradio.ffh.de/ffh?rpAodUrl=//resource.ffh.de/news/news.mp3', rel='noopener noreferrer');">FFH Digital - Podcast</div>
    </div>
 
    <div id="webradio3" class="spoil_x">
      <div class="webradio10" onclick="window.open(this.href='//www.n-joy.de/radio/livestream283.html', rel='noopener noreferrer');">N-JOY Livestream</div>
      <div class="webradio10" onclick="window.open(this.href='//www.ndr.de/903/live/stationneunzigdrei102-radioplayer.html', rel='noopener noreferrer');">NDR 90.3</div>
      <div class="webradio10" onclick="window.open(this.href='//www.ndr.de/ndr2/live/stationndrzwei102-radioplayer.html', rel='noopener noreferrer');">NDR 2</div>
      <div class="webradio10" onclick="window.open(this.href='//www.ndr.de/radiomv/videolivestream100.html', rel='noopener noreferrer');">NDR 1 Radio MV</div>
      <div class="webradio10" onclick="window.open(this.href='//www.ndr.de/ndr1niedersachsen/live/stationndr100-radioplayer.html', rel='noopener noreferrer');">NDR 1 Niedersachsen</div>
      <div class="webradio10" onclick="window.open(this.href='//www.ndr.de/wellenord/live/stationwellenord102-radioplayer.html', rel='noopener noreferrer');">NDR 1 Welle Nord</div>
      <div class="webradio10" onclick="window.open(this.href='//www.ndr.de/ndrschlager/live/stationndrplus106-radioplayer.html', rel='noopener noreferrer');">NDR Schlager</div>
      <div class="webradio10" onclick="window.open(this.href='//www.ndr.de/ndrblue/live/stationndrblue102-radioplayer.html', rel='noopener noreferrer');">NDR Blue</div>
      <div class="webradio10" onclick="window.open(this.href='//www.ndr.de/nachrichten/info/radio_live/stationndrinfo102-radioplayer.html', rel='noopener noreferrer');">NDR Info</div>
      <div class="webradio10" onclick="window.open(this.href='//www.ndr.de/nachrichten/info/infospezial/', rel='noopener noreferrer');">NDR Info Spezial</div>
    </div>
 
    <div id="webradio4" class="spoil_x">
      <div class="webradio10" onClick="window.open(this.href='//www.antenne.com/audiothek/ANTENNE-NIEDERSACHSEN-299589/detail/Antenne-Niedersachsen-298245', rel='noopener noreferrer');">Antenne Niedersachsen</div>
      <div class="webradio10" onClick="window.open(this.href='//www.antenne.com/audiothek/ANTENNE-NIEDERSACHSEN-299589/detail/OldenburgKusteHB-298266', rel='noopener noreferrer');">Antenne Niedersachsen - Oldenburg Küste RB</div>
      <div class="webradio10" onClick="window.open(this.href='//www.antenne.com/audiothek/ANTENNE-NIEDERSACHSEN-299589/detail/Heide-298270', rel='noopener noreferrer');">Antenne Niedersachsen - Heide</div>
      <div class="webradio10" onClick="window.open(this.href='//www.antenne.com/audiothek/ANTENNE-NIEDERSACHSEN-299589/detail/Region-Hannover-298268', rel='noopener noreferrer');">Antenne Niedersachsen - Region Hannover</div>
      <div class="webradio10" onClick="window.open(this.href='//www.antenne.com/audiothek/ANTENNE-NIEDERSACHSEN-299589/detail/OSLingen-298267', rel='noopener noreferrer');">Antenne Niedersachsen - Osnabrück Lingen</div>
      <div class="webradio10" onClick="window.open(this.href='//www.antenne.com/audiothek/ANTENNE-NIEDERSACHSEN-299589/detail/BraunschweigWOBGottingen-298269', rel='noopener noreferrer');">Antenne Niedersachsen - Braunschweig WOB GÖ</div>
      <div class="webradio10" onClick="window.open(this.href='//www.antenne.com/audiothek/SAISONAL-303024/detail/Nur-die-Musik-492890', rel='noopener noreferrer');">Antenne Niedersachsen - Nur die Musik</div>
      <div class="webradio10" onClick="window.open(this.href='//www.antenne.com/audiothek/BEST-OF-301027/detail/Greatest-Hits-298263', rel='noopener noreferrer');">Antenne Niedersachsen - Greatest Hits</div>
      <div class="webradio10" onClick="window.open(this.href='//www.antenne.com/audiothek/PARTY-301025/detail/Antenne-Schlager-298253', rel='noopener noreferrer');">Antenne Niedersachsen - Schlager</div>
      <div class="webradio10" onClick="window.open(this.href='//www.antenne.com/audiothek/ENTSPANNEN-303021/detail/Relax-298256', rel='noopener noreferrer');">Antenne Niedersachsen - Relax</div>
      <div class="webradio10" onClick="window.open(this.href='//www.antenne.com/audiothek/BEST-OF-301027/detail/70er-298261', rel='noopener noreferrer');">Antenne Niedersachsen - 70er</div>
      <div class="webradio10" onClick="window.open(this.href='//www.antenne.com/audiothek/BEST-OF-301027/detail/80er-298247', rel='noopener noreferrer');">Antenne Niedersachsen - 80er</div>
      <div class="webradio10" onClick="window.open(this.href='//www.antenne.com/audiothek/BEST-OF-301027/detail/90er-298251', rel='noopener noreferrer');">Antenne Niedersachsen - 90er</div>
      <div class="webradio10" onClick="window.open(this.href='//www.antenne.com/audiothek/DEUTSCH-303023/detail/Deutsch-298255', rel='noopener noreferrer');">Antenne Niedersachsen - Deutsch</div>
      <div class="webradio10" onClick="window.open(this.href='//www.antenne.com/audiothek/BEST-OF-301027/detail/XMas-298265', rel='noopener noreferrer');">Antenne Niedersachsen - X-Mas</div>
      <div class="webradio10" onClick="window.open(this.href='//www.antenne.com/audiothek/BEST-OF-301027/detail/Rock-298254', rel='noopener noreferrer');">Antenne Niedersachsen - Rock</div>
      <div class="webradio10" onClick="window.open(this.href='//www.antenne.com/audiothek/BEST-OF-301027/detail/Oldies-298246', rel='noopener noreferrer');">Antenne Niedersachsen - Oldies</div>
      <div class="webradio10" onClick="window.open(this.href='//www.antenne.com/audiothek/DEUTSCH-303023/detail/Schutzenfest-Hits-298250', rel='noopener noreferrer');">Antenne Niedersachsen - Schützenfest Hits</div>
    </div>
 
    <div id="webradio5" class="spoil_x">
      <div class="webradio10" onclick="window.open(this.href='//www.radio.de/sender', rel='noopener noreferrer');">Radio.de - Sendeliste</div>
     <div class="webradio10" onclick="window.open(this.href='//www.ndr.de/903/live/stationneunzigdrei102-radioplayer.html', rel='noopener noreferrer');">Radio.de - NDR 90.3</div>
      <div class="webradio10" onclick="window.open(this.href='//www.radio.de/s/hannover100', rel='noopener noreferrer');">Radio.de - RADIO HANNOVER</div>
      <div class="webradio10" onclick="window.open(this.href='//www.ndr.de/ndr2/live/stationndrzwei102-radioplayer.html', rel='noopener noreferrer');">Radio.de - NDR 2</div>
      <div class="webradio10" onclick="window.open(this.href='//www.radio.de/s/electroradio', rel='noopener noreferrer');">Radio.de - Electroradio.fm</div>
      <div class="webradio10" onclick="window.open(this.href='//www.radio.de/s/deutschlandfunk', rel='noopener noreferrer');">Radio.de - Deutschlandfunk</div>
    </div>
  </div>
</div>
 
<!--Nur wenn JQuery nicht vorhanden ist, die kommentierenden Zeichen am Anfang und am Ende (Zeile 2) löschen-->
<!-- <script type="text/javascript" src="https://img.homepagemodules.de/ds/static/jquery/min/jquery-1.7.1.min.js"></script> -->
<script>
function spoil2(id) {
  $('.spoil_x').not( $('#' +id).toggle(400)).hide();
}
</script>
 

Um diesen Beitrag zu lesen, m�ssen Sie sich anmelden!

Ein kleines Dankesch�n f�r meine Arbeit!

Schließen

Das neue Online Radio-Menü in Aktion: Online-Radio mit gegenseitiger Auslösung

Viel Spaß

Wolfgang

Antworten

#4 | RE: Aktualisiert: Online Radio für die Homepage! datum

28.02.2018 21:17

Gefällt mir,

selbst als Copy-and-paste-admin problemlos einzubauen. und

Das Speakersysmbol hab ich ja schon kleiner bekommen, zusätzlichen Sender auch, jetzt hätt ich nur noch gern den Text "Online Radio" auf gleicher Höhe mit dem Speaker ?

Antworten

#5 | RE: Aktualisiert: Online Radio für die Homepage! datum

28.02.2018 23:30

Also um das noch mal zu verdeutlichen, bei mir ist Text und Symbol oberhalb der Header-Grafik und vergrößert den Bereich darüber.

Wie bekomme ich das auf die Headerzeile ?

Antworten

#6 | Platzierung Headerzeile im ProSilver: Online Radio für die Homepage! datum

07.03.2018 19:17 (zuletzt bearbeitet: 24.03.2019 08:48)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3453
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1317

Platzierung Headerzeile im ProSilver: Online Radio für die Homepage!

Hallo H-NC,
habe eine brauchbare Lösung gefunden!
Wie es aussieht hast Du das ProSilverTemplate!

Du müsstest den "Style" und den "Kopf" des Online-Radios ändern und wie folgt anpassen (Zeile 19-27 im großen Skript, hier 6-14):

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<style type="text/css">
*
*
*
 
.webradio_header {cursor:pointer;text-align:right;margin-right:150px;}
.webradio_header_link {position:absolute;}
.radioimage {padding-right:10px;width:20px;border:none;}
</style>
 
<div class="webradio_header" onclick="spoil2('webradio1')">
<img class="radioimage" src="https://files.homepagemodules.de/b104774/f46t1197p2704n31_nGIuzVjQ.png">
<span class="webradio_header_link">Online Radio</span>
</div>
 

Schlie�en

Und viel Erfolg!

Wolfgang

H-NC findet das Top!

Antworten

#7 | RE: Platzierung Headerzeile im ProSilver: Online Radio für die Homepage! datum

08.03.2018 17:40 (zuletzt bearbeitet: 16.12.2018 12:35)

Nach anfänglichen Schwierigkeiten meinerseits,

( - hatte die ersten drei Zeilen weggelassen, also passten die angegebenen Zeilennummern nicht - )

hat's dann doch funkioniert

Wolfgang findet das Top!

Antworten

#8 | RE: Online Radio für die Homepage! - Auswahlmenü mit Mouseover-Effekt! datum

07.08.2023 16:19 (zuletzt bearbeitet: 07.08.2023 16:20)

Hallo Wolfgang,
ich wärme mal das Uraltthema "Online-Radio" wieder auf...
Bei radio.de kann man die Radiosender </> intergieren. Vorteil dabei ist (für mich zumindest), das da ein Autostart dabei ist. Ein Klick und sofort Radio hören, und nicht sich erst (mühsam) durch eine Homepage klicken.
Du kannst ja mal in meinem Testforum schauen, hab das in eine eigene Seite ("Rock-Radio") gepackt.
Optisch bekommst du das sicherlich besser hin.

Gruß vom Arndt

Themen bei der Community für Transportunternehmer und Führungskräfte der Transport- und Logistikbranche:

Elvenar-Fan-Forum findet das Top!

Antworten

#9 | RE: Online Radio für die Homepage! - Auswahlmenü mit Mouseover-Effekt! datum

07.08.2023 20:18

Das ganze in den Präsentationskalender integrieren? Das ist schon fertig und sieht optisch ansprechend aus, oder?

Themen bei der Community für Transportunternehmer und Führungskräfte der Transport- und Logistikbranche:

Wolfgang findet das Top!

Antworten

#10 | RE: Online Radio für die Homepage! - Auswahlmenü mit Mouseover-Effekt! datum

26.08.2023 11:34

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3453
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1317

Online Radio & Podcasts für die Homepage!

Hallo Arndt,
da hast Du schon gut vorgearbeitet und geschaut welche Anbieter ein Skript liefern, dass gut funktioniert und auch erweiterbar ist!

Da ist "https://myonlineradio.de/" leider durchgefallen. Die Skripte haben sich mit der Xobor-Software nicht vertragen.
Hier wurde sogar der Browserzugriff für einige Minuten gesperrt, warum auch immer!

Spitzenreiter ist hier "radio.de"!
Bei diesem Anbieter kann man sich in Ruhe die Webseiten ansehen oder sogar direkt seinen Liebling-Sender aufrufen!
Auch funktionieren Erweiterungen problemlos!
Auf "radio.de" sind auch noch neue Kategorien mit Podcasts hinzugekommen. Einfach genial!

Wichtig und was nicht so einfach ist, sind die vollständigen Datenschutzerklärungen und Zustimmungen!

Was kann das folgende Skript?

Das Skript basiert auf den Präsentationskalender!
Passt sich allen Bildschirmgrößen an, funktioniert in allen Templates & Mobil
Mit einem Klick kann der Sender oder Podcast aufgerufen werden!
Die einzelnen Button sind mit Tooltipps ausgestattet!
Datenschutzerklärungen von "radio.de" und "weitere Anbieter" werden unterhalb der Liste angezeigt!

Wo finde ich die einzelnen Sender?

radio.de aufrufen!
Kategorie aussuchen: Musikrichtung, Themen oder Bundesländer.
Sender auswählen und anklicken.
"</> Integrieren" suchen und anklicken!
Jetzt ist der komplette HTML-Code mit JavaScript zu sehen.
Nur den HTML-Code von "<div> ...</div>" kopieren und im folgenden Skript eintragen.
Das JavaScript braucht nur einmal vorhanden sein, ist bereits ganz oben im Script eingetragen!

Wo finde ich die einzelnen Podcasts?

radio.de aufrufen!
Reiter Podcasts anklicken.
Kategorie aussuchen: Sport, Anleitungen oder Comedy.
Es sieht so aus, dass kein direktes Skript zum Abspielen angeboten wird.
Man könnte aber korrekter Weise nur den Link zum Podcasts eintragen!

Installation:

Eigene Seiten unter "Admin > Layout > Eigene Seiten" aufrufen!
"Neue Seite erstellen...", "HTML Quelltext direkt bearbeiten?", "Editor ausschalten" anklicken.
Berechtigungen vergeben!
Unter "Weitere Einstellungen ein-/ausblenden" "Template-Variable aktivieren" anhaken!
Wenn "Premium-Tarif", Option "Kopf- und Fußzeile ausblenden" nicht anhaken.
Namen vergeben, z.B.: "Präsentationskalender"
Der Präsentationskalender wird dann über eine Verlinkung der "Eigenen Seiten" aufgerufen!
z.B.: https://www.forum-transportunternehmer.de/page-610439-36.html
Die Verlinkung kann in die Navigation unter "Admin > Layout > Navigation > Navigation bearbeiten" eingetragen werden!

Aufruf des Präsentationskalenders:

"Eigene Seiten" können über eine Verlinkung in der Navigation oder von einem Beitrag aus aufgerufen werden!
Der Link steht unter der erstellten Seite auf "Admin > Layout > Eigene Seiten > Name / Browser-Titel"!
z.B.: https://www.forum-transportunternehmer.de/page-610439-36.html

Beschreibung:

In Zeile 2 steckt das JavaScript, dass nur einmal für alle Radiosender da sein braucht!
In Zeile 74-117 sind die Podcasts zu finden.
Ab Zeile 123 fangen die Radiosender an.
Ab Zeile 193-195 sind die Links zu den Datenschutzerklärungen zu finden.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
 
<!-- Radio-Skript -->
<script>(function(d, s){if(!window.rel){s = d.createElement("script");s.type = "text/javascript";s.async = true;s.id = "radio-de-embedded";s.src = "https://www.radio.de/inc/microsite/js/full.js";d.getElementsByTagName("head")[0].appendChild(s);window.rel = true;}}(document));</script>
    
<style>
/*** Volumenregler nach oben verschieben ***/
#rde-player .dropdown-menu {margin-top:-120px !important;}
 
/*** Hover-Animation Play-Button ***/
#rde-player .rde-player-btn-play-pause.rde-paused:hover:after {font-size:20px; padding-left:3px; display:flex; justify-content: center;}
#rde-player .rde-player-main-controls .rde-btn:hover:before {border:0;}
 

/*** Tooltipps ***/
 
/* Hintergrund Tooltipps */
.rde-player-main-controls .rde-btn:hover:before, .rde-top-bar-inner-right a:hover:before, .rde-player-logos a:hover:before, .rde-top-bar-logotype a:hover:before, .ng-scope .rde-player-volume:hover:before {background:#ffffff; border-radius:2px; color: #383838; font-family: "Times New Roman", Times, serif; font-size:14px !important; font-weight:bold; text-transform: uppercase; width:auto; letter-spacing: .075em !important; position:fixed;}
 
/* Play */
.rde-player-main-controls .rde-btn:hover:before {content: " Musik abspielen"; padding:0 10px 0 10px !important; margin:-14px 0 10px 40px; height:20.5px;}
 
/* Pfeil-Ausgang */
.rde-top-bar-inner-right a:hover:before {content: " Zur Webseite"; padding:3px 10px; margin-right: 40px; position:relative;}
.rde-top-bar-inner-right a:hover {text-decoration: none !important;}
 
/* Radio-Logo */
.rde-player-logos a:hover:before {content: " Zur Webseite"; padding:1px 10px 1px 10px; margin:-29px 0 0 100px;}
 
/* Radio.de */
.rde-top-bar-logotype a:hover:before {content: " Zur Webseite"; padding:1px 10px 1px 10px; margin:3px 0 0 145px;}
 
/* Lautstärke */
.ng-scope .rde-player-volume:hover:before {content: " Lautstärke"; padding:1px 10px 1px 10px; margin:-28px 0 0 70px;}
 

 
/*** Kalender ***/
.calenderTitel {color:#00f700 !important; text-shadow: 0 0 0.05em #aaaaaa, 0 0 0.1em #222222; border:1px solid #aaaaaa; display:inline-block !important; padding:10px 10px; border-radius: 5px;background:#658ba8; margin-bottom:5px; margin-top:5px; font-size:25px; font-weight:bold; }
.calender {background: #e9e9e9; border:1px solid #aaaaaa; margin: auto; ppadding: 30px 20px; border-radius: 5px; height:100%; wwidth:90%;}
.calender h3 {background:#658ba8; color:#ffffff; text-align:center;}
 
.myFensterModal {background:#cccccc; min-width:370px; max-width:9vw; height:125px;height:auto; padding:20px 20px; margin:20px; overflow:hidden; text-align:left; ccursor:pointer; border-radius:5px; filter: drop-shadow(-0.1em -0.1em 0.1em rgba(255, 255, 255,1)) drop-shadow(0.1em 0.1em 0.1em rgba(0,0,0,1)) drop-shadow(0 0 0.5em rgba(100, 100, 100,.5)); display: inline-block; }
.myFensterModal:hover {background:#aaaaaa;}
.myFensterModal img {object-fit: contain; object-position: center top; max-width:100%; margin:auto; display:flex;}
.myFensterModal h3 {font-size: 14px; border-radius: 5px; padding: 5px 10px !important; margin-bottom:10px; border: 1px solid #aaaaaa;}
.myFensterNr {display:none; position:absolute; padding:0px 8px; border-radius:50%; left:5px; top:5px;}
.myFensterModal:hover .myFensterNr {display:inline-block; background:#00f700;border:1px solid #aaaaaa;}
 
#breadcrumbs {display:none;}
 
/*** Audio Podcasts ***/
.audio {display:flex;   align-items: center; justify-content: center; margin: 20px auto 0 auto; width:100%;}
.Audio-Titel {margin-top:5px; text-align:center;}
 
audio::-webkit-media-controls-panel {background-color: #658ba8;}
audio::-webkit-media-controls-play-button {background-color: #ffffff; border-radius: 50%;}
audio::-webkit-media-controls-play-button:hover {background-color: #00f700;}
audio::-webkit-media-controls-volume-slider {background-color: #ffffff; border-radius: 5px; padding-left: 10px; padding-right: 10px;}
audio::-webkit-media-controls-volume-slider:hover {background-color: rgba(177,212,224, .7);}
 

/*** Mobil ***/
.mobileview .myFensterModal {min-width:300px; height:auto; padding:10px 10px 20px 10px; margin:5px 5px 10px 5px; }
.mobileview .calender {background: none; border:none; margin: 0; padding:0; height:100%;}
.mobileview .rde-player-main-controls .rde-btn:hover:before {content: ''; background: none;}
 
/* Breite Radio-Player */
.mobileview .ng-scope:nth-child(3) {width:280px !important; margin-left: 50%; transform: translate(-50%);}
</style>
 
<center>
<div class="calenderTitel">Podcasts</div>
<div class="calender">
 
<!-- ### 1. Fenster - Anfang ### -->
<div class="myFensterModal"><div class="myFensterNr">1</div>
 
<h3>VerkehrsRundschau Funk</h3>
<a href="https://www.radio.de/podcast/verkehrsrundschau-funk"><img width="250px" height="250px" title="Logistik 4.0" src="//files.homepagemodules.de/b610439/a_1026_7e87aafb.png"></a>
 
<audio controls class="audio">
<source src="https://audio.podigee-cdn.net/1178228-m-94b60ca991da7d7cb66eef7f5122fa98.mp3" type="audio/mpeg">
  Dein Browser kann die Audio-Datei nicht wiedergeben!
</audio>
<div class="Audio-Titel"><b>E-Lkw mit 900 Kilowattstunden-Batterie</div>
 
</div>
<!-- ### 1. Fenster - Ende ### -->
 
<!-- ### 2. Fenster - Anfang ### -->
<div class="myFensterModal"><div class="myFensterNr">2</div>
 
<h3>Podcast vom KNI</h3>
<a href="https://www.radio.de/podcast/logistik-erleben-der-logistik-podcast-vom-kni"><img width="250px" height="250px" title="KNI" src="//files.homepagemodules.de/b610439/a_1022_c390a801.png"></a>
 
<audio controls class="audio">
<source src="https://audio.podigee-cdn.net/834310-m-80a1b3feb29890b17b35575e59b70bd7.mp3" type="audio/mpeg">
  Dein Browser kann die Audio-Datei nicht wiedergeben!
</audio>
<div class="Audio-Titel"><b>Elektrisch unterwegs</div>
 
</div>
<!-- ### 2. Fenster - Ende ### -->
 
<!-- ### 3. Fenster - Anfang ### -->
<div class="myFensterModal"><div class="myFensterNr">3</div>
 
<h3>Chefgespräch</h3>
<a href="https://www.radio.de/podcast/makro-mikro-mammon-wirtschaftswoche-chefgesprach"><img width="250px" height="250px" title="Irgendwas mit Logistik" src="//files.homepagemodules.de/b610439/a_1028_fd602029.png"></a>
 
<audio controls class="audio">
<source src="https://audio.podigee-cdn.net/1172948-m-ce1b640e29ec8cf9c145858bd52d18b1.mp3" type="audio/mpeg">
  Dein Browser kann die Audio-Datei nicht wiedergeben!
</audio>
<div class="Audio-Titel"><b>Es ist nicht mehr die Zeit für Alleinherrscher</div>
 
</div>
<!-- ### 3. Fenster - Ende ### -->
 
</div>
 

 
<div class="calenderTitel">Rock</div><br>
<div class="calender">
 
<!-- ### 4. Fenster - Anfang ### -->
<div class="myFensterModal"><div class="myFensterNr">4</div>
<h3>Rock Antenne</h3>
 
<div class="ng-app-embedded"><div ui-view class="microsite embedded-radio-player" data-playerwidth="370px" data-playertype="web_embedded" data-playstation="rockantenne" data-autoplay="false" data-apikey="df04ff67dd3339a6fc19c9b8be164d5b5245ae93"></div></div><noscript><a href="https://www.radio.de/s/rockantenne" target="_blank">ROCK ANTENNE auf radio.de</a></noscript>
 
</div>    
<!-- ### 4. Fenster - Ende ### -->
 
<!-- ### 5. Fenster - Anfang ### -->
<div class="myFensterModal"><div class="myFensterNr">5</div>
<h3>Radio BOB</h3>
 
<div class="ng-app-embedded"><div ui-view class="microsite embedded-radio-player" data-playerwidth="370px" data-playertype="web_embedded" data-playstation="radiobob" data-autoplay="false" data-apikey="df04ff67dd3339a6fc19c9b8be164d5b5245ae93"></div></div><noscript><a href="https://www.radio.de/s/radiobob" target="_blank">RADIO BOB! auf radio.de</a></noscript>
 
</div>
<!-- ### 5. Fenster - Ende ### -->
 
<!-- ### 6. Fenster - Anfang ### -->
<div class="myFensterModal"><div class="myFensterNr">6</div>
<h3>GERMANYROCK</h3>
 
<div class="ng-app-embedded"><div ui-view class="microsite embedded-radio-player" data-playerwidth="370px" data-playertype="web_embedded" data-playstation="lautfm-germanyrock" data-autoplay="false" data-apikey="df04ff67dd3339a6fc19c9b8be164d5b5245ae93"></div></div><noscript><a href="https://www.radio.de/s/lautfm-germanyrock" target="_blank">GERMANYROCK auf radio.de</a></noscript>
    
</div>
<!-- ### 6. Fenster - Ende ### -->
 
</div>
 

 
<div class="calenderTitel">Nachrichten</div>
 
<div class="calender">
 
<!-- ### 7.Fenster - Anfang ### -->
<div class="myFensterModal"><div class="myFensterNr">7</div>
<h3>Deutschlandfunk</h3>
 
<div class="ng-app-embedded"><div ui-view class="microsite embedded-radio-player" data-playerwidth="370px" data-playertype="web_embedded" data-playstation="deutschlandfunk" data-autoplay="false" data-apikey="df04ff67dd3339a6fc19c9b8be164d5b5245ae93"></div></div><noscript><a href="https://www.radio.de/s/deutschlandfunk" target="_blank">Deutschlandfunk auf radio.de</a></noscript>
    
</div>
<!-- ### 7. Fenster - Ende ### -->
 
<!-- ### 8. Fenster - Anfang ### -->
<div class="myFensterModal"><div class="myFensterNr">8</div>
<h3>BR24</h3>
 
<div class="ng-app-embedded"><div ui-view class="microsite embedded-radio-player" data-playerwidth="370px" data-playertype="web_embedded" data-playstation="br24" data-autoplay="false" data-apikey="df04ff67dd3339a6fc19c9b8be164d5b5245ae93"></div></div><noscript><a href="https://www.radio.de/s/br24" target="_blank">BR24 auf radio.de</a></noscript>
    
</div>
<!-- ### 8. Fenster - Ende ### -->
 
<!-- ### 9. Fenster - Anfang ### -->
<div class="myFensterModal"><div class="myFensterNr">9</div>
<h3>MDR Aktuell</h3>
 
<div class="ng-app-embedded"><div ui-view class="microsite embedded-radio-player" data-playerwidth="370px" data-playertype="web_embedded" data-playstation="mdraktuell" data-autoplay="false" data-apikey="df04ff67dd3339a6fc19c9b8be164d5b5245ae93"></div></div><noscript><a href="https://www.radio.de/s/mdraktuell" target="_blank">MDR Aktuell auf radio.de</a></noscript>
    
</div>
<!-- ### 9. Fenster - Ende ### -->
 
</div>
 

 
<div style="width:99%; margin:10px 10px 40px 10px !important;">
<a href="https://www.radio.de/privacy-policy" style="float:left;">Datenschutzerklärung von <i>radio.de</i></a><br><a href="https://www.k-n-i.de/datenschutz/" style="float:left;">Datenschutzerklärung von <i>KNI Logistiknetzwerk</i></a>
<a href="https://www.rundfunkbeitrag.de/"><img src="//files.homepagemodules.de/b610439/a_1020_0d888480.png"></a>
<a href="https://www.hilfe-tricks-tipps.de/" style="float:right;">Erstellt durch Arndt Richter © Hilfe, Tricks & Tipps</a>
</div>
 

</center>
 

Schlie�en

Spoiler mit einem Klick öffnen und schließen!

Das Skript in Funktion:

Podcasts & Radio

Weitere Links:

Zum Präsentationskalender

Bis dann
Wolfgang

Gabriella und Daishi finden das Top!

Antworten

Hallo Wolfgang, hier mal ein Geschenk für Dich - Animierter Würfel � � Xobor Adventskalender & Osterkalender mit Auslösegrafik für alle Templates

Seite 1 von 2 � Seite 1 2 Seite �

�hnliche Themen

Antworten

Letzter Beitrag

Radio Button fehlen
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten von Anne 1 03.02.2024 01:06
Anne • Zugriffe: 147
Radio Player einbauen
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten von charlie1965 2 28.08.2023 10:41
Kipper-Spedition • Zugriffe: 352
Online seit
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Daishi 7 18.10.2022 14:56
Nara • Zugriffe: 731
"Wer ist Online?" erweitern Teil (1-3) - Online-Zeitzähler!
Erstellt im Forum Das neue Template Xobor (v6) von Wolfgang 7 22.04.2024 22:49
Anne • Zugriffe: 2598

RIOT: Gutes Bild-Optimierungstool für Webseiten
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

07.09.2012 21:49
von

Wolfgang • Zugriffe: 1334

Online-Tools für mehr Informationen und Internet-Sicherheit
Erstellt im Forum Empfehlenswerte und interessante Links! von Wolfgang 0 04.03.2012 13:01
Wolfgang • Zugriffe: 1208
Grusskarten, Desktopmotive, Fotogalerie.... alles online!
Erstellt im Forum Empfehlenswerte und interessante Links! von Wolfgang 1 05.06.2012 16:56
Wolfgang • Zugriffe: 1661
Sparen und Qualität! Preise einfach Online vergleichen!!!
Erstellt im Forum Empfehlenswerte und interessante Links! von Wolfgang 0 10.03.2007 11:47
Wolfgang • Zugriffe: 2234
Wissenswertes im Online-Computerlexikon, auch Begriffe aus der Linux Welt
Erstellt im Forum Empfehlenswerte und interessante Links! von Wolfgang 0 02.03.2007 16:34
Wolfgang • Zugriffe: 1607

Foren Spende

Hallo !

Wir hoffen, dass Dir unser Forum gef�llt und Du Dich hier genauso wohlf�hlst wie wir.

Um Dir und den anderen Mitgliedern das Bestm�gliche bieten zu k�nnen, w�rden wir das Forum gern werbefrei gestalten, mit tollen neuen Extras erg�nzen.

Wenn Du uns dabei unterst�tzen m�chtest, kannst Du mit Hilfe einer kleinen Spende dazu beitragen.

Deine Spende hilft!

Spendenziel: 45 €

36%

Forum - Gutes Online Radio gesucht - Weihnachtsradio!

Gutes Online Radio gesucht!
Aktualisiert 26.11.24

Online Radio hören von fast allen bekannten deutschen Radio-Sendern
Aktualisiert 26.11.24

Online Radio für die Homepage! - Auswahlmenü mit gegenseitiger Auslösung!
Aktualisiert 27.11.24

Platzierung Headerzeile im ProSilver: Online Radio für die Homepage!

Online Radio & Podcasts für die Homepage!

Forum Lesezeichen ❌

Forum - Gutes Online Radio gesucht - Weihnachtsradio!

Gutes Online Radio gesucht! Aktualisiert 26.11.24

Online Radio hören von fast allen bekannten deutschen Radio-Sendern Aktualisiert 26.11.24

Online Radio für die Homepage! - Auswahlmenü mit gegenseitiger Auslösung!Aktualisiert 27.11.24

Platzierung Headerzeile im ProSilver: Online Radio für die Homepage!

Online Radio & Podcasts für die Homepage!

Forum Lesezeichen ❌

Gutes Online Radio gesucht!
Aktualisiert 26.11.24

Online Radio hören von fast allen bekannten deutschen Radio-Sendern
Aktualisiert 26.11.24

Online Radio für die Homepage! - Auswahlmenü mit gegenseitiger Auslösung!
Aktualisiert 27.11.24