Søg
Avatar billede tnla Mester
19. april 2007 - 17:07 Der er 26 kommentarer og
1 løsning

Musik afspiller

Jeg har en hjemmeside med mp3-filer, og kunne godt tænke mig en player der dukker op, når man klikker på en play-knap. Nogen der ved, hvordan jeg laver sådan én?
Avatar billede trav4u2 Juniormester
27. april 2007 - 02:04 #1
Måske noget i den her stil:
http://www.jeroenwijering.com/?item=Flash_Media_Player
Avatar billede tnla Mester
28. april 2007 - 23:24 #2
Har prøvet den, men selvom jeg indsætter scriptet og installerer Flash playeren, kommer den ikke frem, når jeg bagefter går ind på siden.
Avatar billede trav4u2 Juniormester
29. april 2007 - 10:37 #3
Har du et link til siden, så vi kan kigge på koderne?
Avatar billede tnla Mester
29. april 2007 - 20:06 #4
http://www.angelfire.com/tx5/tnla/tl.html

Hvis du har Flash på din computer, skulle playeren gerne komme frem. Men det gør den ikke hos mig.

Flash Player er så vdt jeg se, synlig hele tiden, både når den spiller og ikke spiller. Gad vide om man kan ændre dette. Det jeg er ude efter, er en player ala den, der benyttes fx på www.mymusic.dk og Myspace (når man vælger "stand alone" udgaven) Dvs at playeren først kommer frem, når man klikker på et link eller play-knap ud for hver sang.

Noget andet er, at mange nok ikke har Flash Player installeret og derfor ikke vil kunne afspille filerne på siden. Det er jo ikke så fedt, hvis det er tilfældet. Men hvor mange der egentlig har Flash aner jeg ikke.
Avatar billede trav4u2 Juniormester
29. april 2007 - 21:30 #5
Jeg får error 404 på linket.

Afspilleren på www.mymusic.dk er meget enkel.
Det er et alm. popup vindue i en fast størrelse. Inde i vinduet har man så en html-side med en flash player der afspiller melodien.

Frem for at lave det med en simpel popup som tit vil være blokeret, foretrækker jeg at lave den med Thickbox
http://jquery.com/demo/thickbox/

Du kan evt. kigge på http://cuba.atheart.dk hvor jeg har brugt metoden på videoklip.

Adobe anslår vist selv at 98% af dem der surfer rundt har Flash; så det er nok rigtigt ;-)
Avatar billede tnla Mester
29. april 2007 - 22:42 #6
Nu virker linket (glemte html-endelsen) Det er dog bare en test side, har ikke fået lavet den rigtige side endnu.

Thickbox er rigtig godt til videoer, som på din udmærkede side, hvor man jo alligevel bliver på siden, så længe man ser videoen. Mht musik er det dog rart at kunne surfe omkring på andre sider mens playeren spiller, så her er Thickbox vist ikke så velegnet, for den binder, så vidt jeg kan se, en til siden.

98% er rigeligt, rart at høre :-)
Avatar billede trav4u2 Juniormester
29. april 2007 - 23:25 #7
Det er rigtigt at man er bundet til siden; så dér er en popup nok bedre.

Mht. dine koder; så ser det ud til at du mangler linket til ufo.js som flashplayer bruger. Smid den ind; så løser det sig nok :-)
Avatar billede trav4u2 Juniormester
29. april 2007 - 23:39 #8
Hov!
I v. 3.7 er han gået over til swfobject.js; så det er den du skal have linket til ;-)
Avatar billede tnla Mester
29. april 2007 - 23:51 #9
Øh, kan du sige hvorhenne i scriptet ufo.js skal indsættes? Du kan måske gøre det? (har ikke styr på det :-)

<p id="player"><a href="http://www.macromedia.com/go/getflashplayer">Get Flash</a> to see this player.</p>
<script type="text/javascript">
    var so = new SWFObject('mediaplayer.swf','player','400','400','7');
    so.addParam("allowfullscreen","true");
    so.addVariable("file","http://www.snapdrive.net/files/266229/TheLittleMouse.mp3");
    so.addVariable("displayheight","300");
    so.write('player');
</script>
Avatar billede trav4u2 Juniormester
30. april 2007 - 02:06 #10
Du skal have indsat følgende linie i sidens head-sektion:
<script type="text/javascript" src="swfobject.js"></script>

og så skal swfobject.js jo også ligge i folderen på din server.

Eftersom vi taler om mp3 filer kan du også prøve at sætte "displayheight" til 0 hvis du ikke vil have skærmen osv.
Avatar billede tnla Mester
30. april 2007 - 17:46 #11
OK, men jeg kan ikke åbne Flash zip-filen. WinZip siger det et ugyldig arkiv. Meget mystisk.
Avatar billede trav4u2 Juniormester
30. april 2007 - 18:05 #12
Det hænder ind imellem at filer ikke bliver hentet korrekt, men så sletter du den bar og henter den igen. Den skal fylde 785 Kb.
Avatar billede tnla Mester
30. april 2007 - 20:49 #13
Tak, så lykkedes det. Nu er der da kommet en hvid firkant på siden. Så det går fremad :-)

Tak, så lykkedes det. Nu er der da kommet en hvid firkant på siden. Så det går fremad :-)

<html>
<title>TL</title>

<head><script type="text/javascript" src="swfobject.js"></script></head>

<body background="mursten2.gif">

<center>

<br><br><br><br><br>

<font size=5>

<i>OVERSKRIFT</i>

<br><br>


<br><br>

<p id="player"><a href="http://www.macromedia.com/go/getflashplayer">Get Flash</a> to see this player.</p>
<script type="text/javascript">
    var so = new SWFObject('mediaplayer.swf','player','400','400','7');
    so.addParam("allowfullscreen","true");
    so.addVariable("file","http://www.snapdrive.net/files/266229/TheLittleMouse.mp3");
    so.addVariable("displayheight","300");
    so.write('player');
</script>



<br><br>


</center>

</body>
</html>

Måske skal jeg prøve at linke til en mp3-fil på samme server. Har nemlig tidligere haft problemer med at linke fra Angelfire til en fil på en anden server. Det prøver jeg lige.
Avatar billede tnla Mester
30. april 2007 - 20:54 #14
Nå, det gør ingen forskel, så problemet må ligge et andet sted. Men playeren virker måske hos dig?
Avatar billede trav4u2 Juniormester
30. april 2007 - 21:42 #15
Den virker fint på min lokale maskine.

Jeg tror angelfire loader nogen javascript som konflikter; så lav den lokalt ;-)
Avatar billede trav4u2 Juniormester
30. april 2007 - 21:57 #16
Med mindre du har glemt at uploade mediaplayer.swf
Uden den når du ikke så langt ;-)
Avatar billede tnla Mester
30. april 2007 - 22:54 #17
Tak, det havde jeg, nu virker den :-)

Ved du om playeren kan gøres til et popup vindue, der dukker frem, når man klikker på en knap?
Avatar billede trav4u2 Juniormester
30. april 2007 - 23:20 #18
Ja det er ikke noget problem. Princippet er som hos mymusic.
Du kan læse lidt om pop ups her:
http://www.html.dk/artikler/00004/
Avatar billede tnla Mester
01. maj 2007 - 00:04 #19
Jamen så siger jeg tusind tak, dejligt når ting lykkes! Og læg endelig et svar.
Avatar billede trav4u2 Juniormester
01. maj 2007 - 01:28 #20
Helt fint! Og god arbejdslyst med hjemmesiden :-)
Avatar billede tnla Mester
01. maj 2007 - 01:45 #21
Jo tak
Avatar billede tnla Mester
13. maj 2007 - 16:49 #22
Undskyld hvis jeg forstyrrer igen (du behøver ikke svare, hvis du ikke har tid eller gider), men knappen til popup vinduet reagerer ikke. Det eneste som sker, er der kommer et lille gult udråbstegn nederst i venstre hjørne (lige over "Start" på proceslinjen) selvom jeg har tilladt popups fra siden.

Hovedsiden http://www.angelfire.com/tx5/tnla/hovedside.html ser sådan
ud:

<html>
<title>Hovedside</title>

<head>
<script type="text/javascript">
window.open("http://www.angelfire.com/tx5/tnla/flashplayersiden.html","Flash Player Siden")
</script>
</head>

<body background="mursten2.gif">

<center>

<br><br><br><br>

<font size=5>

<i>HOVEDSIDE</i>

<br><br>

<form>
<input type="button" onclick="window.open(' http://www.angelfire.com/tx5/tnla/flashplayersiden.html','Flash player Siden');return false;">
</form>

<br><br>

</center>

</body>
</html>

Måske ligger fejlen i noget med <head> afsnittet? Ved ikke engang om det er nødvendigt, men det gør ingen forskel at fjerne det.


Flash Player siden http://www.angelfire.com/tx5/tnla/flashplayersiden.html som ellers virker normalt, ser sådan ud:

<html>
<title>Flash Player Siden</title>

<head><script type="text/javascript"

src="swfobject.js"></script></head>

<body>

<p id="player"><a href="http://www.macromedia.com/go/getflashplayer">Get Flash</a> to see this player.</p>
<script type="text/javascript">
    var so = new SWFObject('mediaplayer.swf','player','400','400','7');
    so.addParam("allowfullscreen","true");
    so.addVariable("file","http://www.snapdrive.net/files/266229/Potatoes.mp3");
    so.addVariable("displayheight","300");
    so.write('player');
</script>

<body>
<html>
Avatar billede trav4u2 Juniormester
13. maj 2007 - 18:15 #23
Jeg hænger på lidt endnu :-)

Prøv denne her engang. Jeg har ikke brugt "Form". Hvis du gerne vil have et billede ind sætter du det bare ind med <img ... i stedet for teksten "Vis eksempel"

Hvis den ikke virker finder vi bare på noget andet.

------------------------------

<html>
<title>Hovedside</title>

<head>
<script type="text/javascript">
window.open("flashplayersiden.html","mitvindue")
</script>

</head>

<body background="mursten2.gif">

<center>

<br><br><br><br>

<font size=5>

<i>HOVEDSIDE</i>

<br><br>

<a href="" onclick="window.open('flashplayersiden.html','mitvindue','width=500,height=150');return false;">Vis eksempel</A>

<br><br>

</center>

</body>
</html>
Avatar billede trav4u2 Juniormester
13. maj 2007 - 18:34 #24
Lige et PS.
Så vidt jeg kan se går der kludder i det tidligere fordi du definerer "Flash Player Siden" med mellemrum imellem de 3 ord. Det skal være i et.
Avatar billede tnla Mester
13. maj 2007 - 19:30 #25
Mange tak igen! :-) Nu virker det. Troede "mitvindue" skulle referere til sidens titel, men det skal det åbenbart ikke.

Først fik jeg iøvrigt error 404 i vinduet, men når jeg skriver hele URL'en http://www.angelfire.com/tx5/tnla/flashplayersiden.html, åbner det med playeren som det skal.

Så mangler jeg bare at tilpasse playerens og vinduets størrelse til hinanden, men det kan jeg altid jo pusle med :-)
Avatar billede trav4u2 Juniormester
13. maj 2007 - 20:02 #26
nåh ja, jeg forkortede lige url'en lidt :-)
God fornøjelse!
Avatar billede tnla Mester
14. maj 2007 - 02:47 #27
Tak!

Jeg har lige oprettet et spørgsmål om hhv screen og autoplay. Hvis du kender svarene, kan du svare og få point :)

http://www.eksperten.dk/spm/778200

http://www.eksperten.dk/spm/778201
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
Kategori
Se alle it-kurser fra Computerworld Kurser
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.
Se alle it-kurser

Flere spørgsmål fra Andre onlineløsninger kategorien

Titel Indlæg Oprettet Seneste aktivitet
hvilken AI synes I er bedst? Af jcr18 i Andre onlineløsninger 7 23/05/202609:37 I går 11:00
AI google.com Af Peter Olsen i Andre onlineløsninger 3 04/04/202609:43 06/04/202608:43
Eboks.dk og Borger.dk Af nu_igen i Andre onlineløsninger 10 25/02/202612:56 03/03/202619:43
Mobilpay svindel Af nu_igen i Andre onlineløsninger 8 24/01/202609:50 26/01/202612:02
Streaming af film Af jgormm i Andre onlineløsninger 4 27/09/202508:01 28/09/202510:12
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 10:05 Sætte flere billeder sammen til et billede - IPad seneste version Af nu_igen i Billedbehandling
I går 14:56 Udseende af datoer Af ErikHg i Excel
23/0509:37 hvilken AI synes I er bedst? Af jcr18 i Andre onlineløsninger
22/0518:51 Pausepil på youtube i chrome Af valby i Browsere
22/0511:42 Mail med endelsen ".lat" Af ErikHg i E-mail
White papers
Flere white papers »