Avatar billede theofilos Nybegynder
16. februar 2005 - 10:25 Der er 20 kommentarer og
1 løsning

Inspiration til simpel mp3-streaming med stopknap ønskes

Har I nogle forslag til en simpel, men pæn og driftsikker funktion på hjemmesiden, så brugerne kan vælge mellem tre lyd-smagsprøver eller flere fra vores kommende CD-projekt?... Jeg har smagsprøverne liggende som mp3-filer på hver ca. 700 kb.

Se min side her: http://www.marslev-birkende.dk/salmecd/

Jeg vil meget gerne have hjælp til en god og driftsikker løsning - men ikke for svær, da jeg ikke er særlig skrap til html/java/flash/css...

Derfor sætter jeg 180 points på spil!

Theofilos
Avatar billede kalp Novice
16. februar 2005 - 10:30 #1
<OBJECT
  ID="mediaPlayer"
  CLASSID="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"
  CODEBASE="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"
  STANDBY="Loading Microsoft Windows Media Player components..."
  TYPE="application/x-oleobject">
  <PARAM NAME="fileName" VALUE="DINMP3FIL.mp3">
  <PARAM NAME="animationatStart" VALUE="true">
  <PARAM NAME="transparentatStart" VALUE="true">
  <PARAM NAME="autoStart" VALUE="true">
  <PARAM NAME="showControls" VALUE="true">
</OBJECT>

koden kræver at du har mp3 filen i samme folder... ellers skal du angive stien på DINmp3Fil.mp3 som du normalt ville gøre... altså http://www.adresse.dk/filen.mp3

Hvis jeg har forstået det korrekt altså så ville du have online streaming.. og denne kode skal du bare paste ind i din html kode.
Avatar billede theofilos Nybegynder
16. februar 2005 - 10:32 #2
Jeg skal kigge på din kode, Kalp... Det ser umiddelbart nemt ud..

Har du kigget på http://www.marslev-birkende.dk/salmecd/  ?

Har du et forslag til, hvor jeg bedst sætter koden ind?
Avatar billede kalp Novice
16. februar 2005 - 10:36 #3
Lettest for dig ville være at lave en html side til hver af dine numre og smide denne kode direkte ind på html siderne..

Jeg arbejder lidt med ASP her ville jeg lave en variable så jeg ikke behøvede at lave en html side til hvert nummer. men du har ikke så mange numre det er lettest for dig bare lige at lave en side til hver..
Avatar billede theofilos Nybegynder
16. februar 2005 - 10:39 #4
Prøv lige at kigge på min hjemmeside nu (http://www.marslev-birkende.dk/salmecd/)

Kan det ikke blive lidt pænere? Jeg vil meget gerne have tre "knap-områder", hvorfra man ialt kan vælge imellem tre smagsprøver eller flere....

Jeg synes den "båndoptagerbjælke" ser voldsom ud - ikke særlig elegant...
Avatar billede kalp Novice
16. februar 2005 - 10:42 #5
men det er da ikke den kode jeg foreslog? bliver lidt forvirret sorry:)
Avatar billede theofilos Nybegynder
16. februar 2005 - 10:42 #6
Ork - jeg har MANGE numre... indtil videre 25 - om ikke lang tid 50!!!  Så jeg vil gerne have så mange lydafspilningsknapper på siden, som muligt...

Derfor har jeg satset en del points på det her... Det skal være simpelt, men pænt og brugervenligt.
Avatar billede theofilos Nybegynder
16. februar 2005 - 10:46 #7
Kalp, du får lige hele koden...

Jo, det er din kode, jeg har sat ind i div-afsnittet "hovedindhold":


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>SALME-CD PROJEKT</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="styles/minushoejreramme.css"
      type="text/css">



</head>
<body>



<div id="hovedindhold">
<p style=
"font-size: 40pt; font-family: georgia, times new roman; color: black; margin-top:10px; margin-bottom: 0px;">
Salme-CD projekt<br>
<font face="Georgia" size="5">Klaverakkompagnement til
salmesang</font></p>

   
    <p><br><br><img src="images/cover.jpg" height="250" width="250" border="1" align="right" hspace="20" alt="CD-cover"></p>
    <p>
    Her skal teksten stå.<br></p>
    <OBJECT
  ID="mediaPlayer"
  CLASSID="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"
  CODEBASE="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"
  STANDBY="Loading Microsoft Windows Media Player components..."
  TYPE="application/x-oleobject">
  <PARAM NAME="fileName" VALUE="musik/725_66_1_vers.mp3">
  <PARAM NAME="animationatStart" VALUE="true">
  <PARAM NAME="transparentatStart" VALUE="true">
  <PARAM NAME="autoStart" VALUE="true">
  <PARAM NAME="showControls" VALUE="true">
</OBJECT>
    </div>


<!-- Relativ menu - ScriptBreaker  -->
<!-- Aktuel Dato + klokkeslet -->
<div id="titel"><!-- Banner -->
    <div style="position:absolute; right:0px; top:25px; Width:135px;">
    <script type="text/javascript">

        var months=new Array(13);
        months[1]="januar";
        months[2]="februar";
        months[3]="marts";
        months[4]="april";
        months[5]="maj";
        months[6]="juni";
        months[7]="juli";
        months[8]="august";
        months[9]="september";
        months[10]="oktober";
        months[11]="november";
        months[12]="december";
        var time=new Date();
        var lmonth=months[time.getMonth() + 1];
        var date=time.getDate();
        var year=time.getFullYear();
       
        document.write("&nbsp;&nbsp;" + date + ". " + lmonth + " " + year + "&nbsp;&nbsp;");
        // Slut -->
</script></div>

<div align="left"><img src="images/nodebanner.jpg" width="600"
height="50" alt=""></div></div>

<div id="venstremenu">

<script type="text/javascript" src=
"kirkemenu.js">
</script><noscript>
<p>Denne menu kr&aelig;ver at du har sl&aring;et javascript til i
din browser. Sl&aring; javascript til, eller brug vores <a href=
"sitemap.htm">sitemap</a></p>

</noscript></div>


<div id="ekstramenu">
<p style=
"font-size: 10pt; font-family: verdana; color: darkblue; font-variant: small-caps; margin-top:5px; margin-bottom:0px;">
Klik her for:<br>
<a href="musik/725_66_1_vers.mp3" title=
"Klik her for at h&oslash;re en smagspr&oslash;ve (DDS 725)">Smagspr&oslash;ve
1</a><br>
<a href="musik/197_361_1_vers.mp3" title=
"Klik her for at at h&oslash;re en smagspr&oslash;ve (DDS 197)"
target="_blank">Smagspr&oslash;ve 2</a> <a href=
"musik/121_42_1_vers.mp3" title=
"Klik her for at at h&oslash;re en smagspr&oslash;ve (DDS 121)"
target="_blank">Smagspr&oslash;ve 3</a></p>
</div>

</body>
</html>
Avatar billede kalp Novice
16. februar 2005 - 10:53 #8
ahh der er den.. okay.. well skal lige se om jeg kan finde info'en om den for kan det ikke lige i hovedet:)
Avatar billede theofilos Nybegynder
16. februar 2005 - 10:55 #9
Herligt.. Kan du se, hvor jeg vil hen? Altså en pæn og brugervenlig måde, hvorpå brugeren kan lytte til fra minimum 3 og op til 25 smagsprøver fra vores cd-projekt...

Jeg går ud og fodrer høns imens  ;-)

De bedste hilsener

Theofilos
Avatar billede theofilos Nybegynder
16. februar 2005 - 10:56 #10
P.S. - og streaming er et MUST... De skal ikke vente på 7-800 kb for hver smagsprøve...
Avatar billede kalp Novice
16. februar 2005 - 11:07 #11
yes... det bliver altså når jeg kommer hjem for mener jeg har det liggende.. så skal du overveje at få lavet det i flash.. for det kan tilpasses helt efter dine behov
Avatar billede theofilos Nybegynder
16. februar 2005 - 11:46 #12
HOV... afspillerbjælken, (din kode), vises slet ikke i Mozillas firefox-browser... Det skal helst virke for alle browsere - og ikke kun for IE-explorer...
Avatar billede kalp Novice
16. februar 2005 - 21:57 #13
Jeg nåede overhovedet ikke hjem i dag!! bliver nød til at udskyde det til i morgen:/ undskylder besværret.
Avatar billede theofilos Nybegynder
16. februar 2005 - 22:25 #14
Det gør ikke noget.. Mine gæster er også først gået nu..
Avatar billede theofilos Nybegynder
17. februar 2005 - 22:10 #15
Så har jeg sovet på det..

Hvordan afspilles der på siden forskellige mp3-filer, så de ikke skal hentes før afspilning, så de kan stoppes - og endelig.. så de også kan afspilles i Mozilla/Opera, etc...?
Avatar billede theofilos Nybegynder
17. februar 2005 - 22:10 #16
Måske kunne jeg lave lidt flash-halløj på min side... Hvordan gør jeg det?
Avatar billede kalp Novice
17. februar 2005 - 22:34 #17
theofilos>> Jeg synes helt sikkert hvis det skal være specielt programmet så er det flash det skal laves i! glemte helt at skrive i går! sorry! men kunne ikke finde noget om hvordan jeg lige tilpassede windows media player på nettet desværre.. måske kan man ikke tilpasse den så meget jeg ved det ikke.

men se her

http://www.atafkhawaja.dk/

tryk på media.. og video.. det er flash.. meget simpel afspiller:)

Du velkommen til at afslutte spørgsmålet her(tage point selv) og oprette et spørgsmål i flash katagorien så kan det være der er en som kan lave det til dig:)
Avatar billede theofilos Nybegynder
17. februar 2005 - 22:41 #18
Nej, jeg synes, du skal have de points alligevel. Jeg kan jo altid ty til dit win-media-objekt en anden gang.

Men kan du ikke give mig et råd, hvordan jeg får fat i det rigtige "flash-redigeringsprogram"? (er det freeware??) Så vidt jeg kan se forskellige steder, skulle det være let nok, når bare først mp3-filerne er konverteret til det korrekte flash-format.. for html-koden skulle være meget simpel...
Avatar billede kalp Novice
17. februar 2005 - 22:44 #19
Jeg går ud fra det er flash du har brug for:) der kan downloades her
http://www.macromedia.com/downloads/ det er dog ikke gratis. Der er en gratis prøve periode på det:) men 30 dage og med hjælp fra Eksperten er måske også nok:)
Avatar billede theofilos Nybegynder
17. februar 2005 - 22:52 #20
Tak for hjælpen, Kalp

Måske får jeg snart brug for ekspert-hjælp igen.
Avatar billede kalp Novice
17. februar 2005 - 22:54 #21
selv tak:) og det er vel også okay du stifter bekendtskab med flash.. man kan lave rimelig pæne effekter med det:)
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
Kurser inden for grundlæggende programmering

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