Avatar billede BUZZDK72 Juniormester
24. juli 2016 - 01:00 Der er 3 kommentarer og
1 løsning

Internet radio på hjemmeside og undersider.

Hej er der en som kan hjælpe mig med hvordan jeg skal kode, hvis jeg anvender nedenstående kode, til at høre radio fra nettet på min hjemmeside.

Det virker fint på min forside, men når man klikker på et link til en underside laver browseren jo et reload og radioen stopper med at afspille, men vil gerne have den til at spille fortsat uden at stoppe.

Ved ikke om løsningen er, at når en station vælges så laver den et popup vindue med afspilleren ??? eller om jeg kan lave det bedre.

På forhånd tak for hjælpen.

Min kode:

<script LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
window.defaultStatus = document.title;
// -->
</script>
       
<script language="JavaScript" type="text/javascript" src="NyNoIEActivate.js"></script>
     
<script language="JavaScript" type="text/javascript"><!--
function song(){
document.getElementById('music1').innerHTML="<embed type='application/x-mplayer2' classid='CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95' standby='Loading Windows Media Player components...' pluginspage='http://www.microsoft.com/Windows/MediaPlayer/' src='"+document.getElementById('cancion').value+"' name='MediaPlayer1' width='0' height='0' controltype='2' showcontrols='0'  Volume='1' showstatusbar='0' ShowDisplay='0' ShowPositionControls='0' AutoStart='1'></embed>";
}
//-->

</script>
       
<style type="text/css">
.auto-style1 {
    margin-left: 4px;
}
</style>
       
</head>

<body link="#000000" vlink="#000000" text="#000000" bgcolor="#D7D7D7" style="width: 180px">       
               
<body  onload="song();NyNoIeActivate();" style="width: 180px">
<div id="Radioplayer" style="width: 175px; height: 78px;">

<select  id="cancion" onChange="song();NyNoIeActivate();" size="1" STYLE = "font-family:Verdana">

<br>

<option value="http://www" selected>VÆLG STATION</option>
<option></option>
<option value="http://live-icy.gss.dr.dk:8000/A/A02H.mp3.m3u">DR Nyheder & Sport</option>
<option value="http://live-icy.gss.dr.dk:8000/A/A03H.mp3.m3u">DR P1</option>
<option value="http://live-icy.gss.dr.dk:8000/A/A04H.mp3.m3u">DR P2 Klassisk</option>
<option value="http://live-icy.gss.dr.dk:8000/A/A05H.mp3.m3u">DR P3</option>
<option value="http://live-icy.gss.dr.dk:8000/A/A06H.mp3.m3u">DR P4 Bornholm</option>
<option value="http://live-icy.gss.dr.dk:8000/A/A15H.mp3.m3u">DR P4 Esbjerg</option>
<option value="http://live-icy.gss.dr.dk:8000/A/A07H.mp3.m3u">DR P4 Fyn</option>
<option value="http://live-icy.gss.dr.dk:8000/A/A08H.mp3.m3u">DR P4 København</option>
<option value="http://live-icy.gss.dr.dk:8000/A/A09H.mp3.m3u">DR P4 Midt & Vest</option>
<option value="http://live-icy.gss.dr.dk:8000/A/A10H.mp3.m3u">DR P4 Nordjylland</option>
<option value="http://live-icy.gss.dr.dk:8000/A/A11H.mp3.m3u">DR P4 Sjælland</option>
<option value="http://live-icy.gss.dr.dk:8000/A/A12H.mp3.m3u">DR P4 Syd</option>
<option value="http://live-icy.gss.dr.dk:8000/A/A13H.mp3.m3u">DR P4 Trekanten</option>
<option value="http://live-icy.gss.dr.dk:8000/A/A14H.mp3.m3u">DR P4 Østjylland</option>
<option value="http://live-icy.gss.dr.dk:8000/A/A25H.mp3.m3u">DR P5</option>
<option value="http://live-icy.gss.dr.dk:8000/A/A29H.mp3.m3u">DR P6 Beat</option>
<option value="http://live-icy.gss.dr.dk:8000/A/A21H.mp3.m3u">DR P7 Mix</option>
<option value="http://live-icy.gss.dr.dk:8000/A/A22H.mp3.m3u">DR P8 Jazz</option>
<option value="http://www.mainfm.dk/MainFM.wvx">Main FM</option>
<option value="http://listen.hardstyle.nu/listen.asx">NERadio Hardstyle</option>
<option value="http://listen.neradio.fm/listen.asx">NERadio Trance</option>
<option value="http://stream.novafm.dk/nova128.m3u">Nova FM</option>
<option value="http://stream.popfm.dk/pop128.m3u">Pop FM</option>
<option value="http://onair.100fmlive.dk/100fm_live.mp3.m3u">Radio 100 FM</option>
<option value="http://abc.radiostreaming.dk:8050/abc.m3u">Radio ABC</option>
<option value="http://alfa.radiostreaming.dk:8050/midtjylland.m3u">Radio Alfa Midtjylland</option>
<option value="http://icecast3.radiostuff.dk:8000/Alfasydfyn128.m3u">Radio Alfa Sydfyn</option>
<option value="http://icecast3.radiostuff.dk:8000/Diablo128.m3u">Radio Diablo</option>
<option value="http://media.wlmm.dk/radioglobus.m3u">Radio Globus</option>
<option value="http://stream.wlmm.dk/globusguld.m3u">Radio Globus Guld</option>
<option value="http://gofm.radiostreaming.dk:8050/gofm.m3u">Radio Go! FM</option>
<option value="http://onair.100fmlive.dk/klassisk_live.mp3.m3u">Radio Klassisk</option>
<option value="http://www.listenlive.eu/dk_radiokoege.m3u">Radio Køge</option>
<option value="http://stream.wlmm.dk/limfjord.m3u">Radio Limfjord</option>
<option value="http://stream.wlmm.dk/limfjordplus.m3u">Radio Limfjord Plus</option>
<option value="http://radiom.radiostreaming.dk:8050/radiom.m3u">Radio M</option>
<option value="http://mojn.radiostreaming.dk:8050/mojn.m3u">Radio Mojn</option>
<option value="http://www.radiostreaming.dk/radionord/listen.asx">Radio Nord</option>
<option value="http://stream2.partyzone.nu:8080">Radio Partyzone</option>
<option value="http://skive.radiostreaming.dk:8050/skive.m3u">Radio Skive</option>
<option value="http://netradio.radioslr.dk/player/listen.asx">Radio SLR</option>
<option value="http://onair.100fmlive.dk/soft_live.mp3.m3u">Radio Soft</option>
<option value="http://netradio.dk/">Radio Sydhavsøerne</option>
<option value="http://streaming.fynskemedier.dk/vlr.m3u">Radio VLR Vejle</option>
<option value="http://www.radiostreaming.dk/skalafm/skalafm_128bit.asx">Skala FM</option>
<option value="http://solo.radiostreaming.dk:8050/solo.m3u">Solo FM</option>
<option value="http://stream.wlmm.dk/djurs.m3u">Syddjurs Lokalradio</option>
<option value="http://stream.voice.dk/voice128">The Voice</option>
<option value="http://stream.vibefm.dk:9020/live.m3u">Vibe FM</option>
<option></option>
</select>

<br>

    <span id="music1">
<embed type="application/x-mplayer2" id="music1" classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" standby="Loading Windows Media Player components..." pluginspage="http://www.microsoft.com/Windows/MediaPlayer/"
  src=""
  name="RAOCXplayer"
  controltype="0"
  showcontrols="0"
  ShowPositionControls="0"
  showstatusbar="0"
  ShowDisplay="0"
  AutoStart="0" class="auto-style1" style="height: 41px; width: 158px"> 
</embed>

</span>

</div>
24. juli 2016 - 04:10 #1
Hej,

Prøv lige:
"
<!DOCTYPE html>
    <head>
    <meta charset="UTF-8">
        (DEN DELVISE KODE SOM DU HAR LAGT IND PÅ EKSPERTEN - hvor du fjerner det første 'body' tag, som er der ved en fejl)
    </body>
</html>
"

Koden vil kun virke i Internet Explore(hvor jeg kan få den til at virke ;-) ), så det er der du skal teste det af. Brug evt. JWPlayer hvis det skal virke på flere browsere. Muligvis ikke nødvendigt, hvis det blot er til dig selv.

Mvh. Maya
Avatar billede BUZZDK72 Juniormester
24. juli 2016 - 14:23 #2
Hej Maya

Mange tak for dit indlæg, jeg har forsøgt mig med flere muligheder, men det virker stadig ikke.

Jeg prøver lige at forklare det igen:

Jeg har en forside, hvor jeg i højreside har lavet en dropdown menu med radiostationer, dette modul anvender WMP.

Det virker fint når man vælger en radiostation, men når jeg klikker på et andet link på forsiden skifter den jo til pågældende side, men musik fortsætter ikke med at spille, jeg har forsøgt med iframe også, men det driller mig en del.

Den kode du har lavet som virker, kan du ikke lægge den op til min inspiration ?

På forhånd tak

Jan
24. juli 2016 - 15:30 #3
Nok ikke helt det du forventer men her er et shot :-) Der er brugt JQuery og Twitter Bootstrap til layout for at gøre eksemplet enkelt:

Se:
http://www.jeg-er-maya.dk/player/

Og her kan du downloade hele koden:
http://www.jeg-er-maya.dk/player/player.zip

:-)
Avatar billede BUZZDK72 Juniormester
08. september 2016 - 19:24 #4
Mange tak for hjælpen Maya, jeg prøver lige at lege lidt videre med det. Jeg har dog allerede en side som det skal bygges ind i, så ved ikke om jeg helt kan bruge dit gode forslag ?
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester