|  | 		    
					
        
         
          
         
	
          | |  | HTML5 musikafspiller Fra : Martin Ploug
 | 
 Dato :  04-09-11 12:16
 | 
 |  | 
 
            Hej
 Jeg eksperimenterer med en helt simpel lyd-/ musikafpiller
 vha. HTML5. Det skulle gerne ende med at kunne fungere i
 de mest gængse browsere uden at man er nødt til at installere
 forskellige plugins.
 Jeg er klar over, at jeg nok er nødt til at tilføje
 en source-linje med en mp3 fil som alternativ.
 Men lige nu vil jeg bare gerne have valideringen på
 plads.
 Afspilleren og kildekoden ligger her:
http://www.mpsite.dk/lyd/lyd.htm Valideringsfejlene stå her:
http://tinyurl.com/3dq6jvh Kan jeg rette de fire fejl, og hvordan gør jeg det i så
 fald?
 På forhånd tak.
 Venlig hilsen
 Martin
            
             |  |  | 
  Karl Erik Christense~ (04-09-2011) 
 
	
          | |  | Kommentar Fra : Karl Erik Christense~
 | 
 Dato :  04-09-11 12:40
 | 
 |  | 
 
            On 04-09-2011 13:16, Martin Ploug wrote:
 > Hej
 >
 > Jeg eksperimenterer med en helt simpel lyd-/ musikafpiller
 > vha. HTML5. Det skulle gerne ende med at kunne fungere i
 > de mest gængse browsere uden at man er nødt til at installere
 > forskellige plugins.
 > Jeg er klar over, at jeg nok er nødt til at tilføje
 > en source-linje med en mp3 fil som alternativ.
 >
 > Men lige nu vil jeg bare gerne have valideringen på
 > plads.
 >
 > Afspilleren og kildekoden ligger her:
 > http://www.mpsite.dk/lyd/lyd.htm >
 > Valideringsfejlene stå her:
 > http://tinyurl.com/3dq6jvh >
 > Kan jeg rette de fire fejl, og hvordan gør jeg det i så
 > fald?
 >
 > På forhånd tak.
 >
 > Venlig hilsen
 > Martin
 >
 HTML5?? - hvorfor laver du så et xhtml 1.0 strict dokument?
 HTML5 audio-tagget er beskrevet her:
http://www.w3schools.com/html5/tag_audio.asp Karl Erik.
 -- 
http://dmwebdesign.dk  - DM i Webdesign
http://twitter.com/kechriste
http://webdesign.ranunkelvej.com  - Artikler om webdesign
            
             |  |  | 
  Martin Ploug (04-09-2011) 
 
	
          | |  | Kommentar Fra : Martin Ploug
 | 
 Dato :  04-09-11 12:58
 | 
 |  | 
 >>
 >
 > HTML5?? - hvorfor laver du så et xhtml 1.0 strict dokument?
 >
 > HTML5 audio-tagget er beskrevet her:
 > http://www.w3schools.com/html5/tag_audio.asp >
 > Karl Erik.
 >
 Mange tak, der kan  du selvfølgeligt have en pointe    Nu får jeg:
 Element source not allowed as child of element audio in this context. 
 (Suppressing further errors from this subtree.)
 der, hvor der nu står:
 <source src="electric-drill-2.mp3" type="audio/mp3" />
 Hvad betyder det?
            
             |  |  | 
   Karl Erik Christense~ (04-09-2011) 
 
	
          | |  | Kommentar Fra : Karl Erik Christense~
 | 
 Dato :  04-09-11 13:05
 | 
 |  | 
 
            On 04-09-2011 13:58, Martin Ploug wrote:
 >
 >>>
 >>
 >> HTML5?? - hvorfor laver du så et xhtml 1.0 strict dokument?
 >>
 >> HTML5 audio-tagget er beskrevet her:
 >> http://www.w3schools.com/html5/tag_audio.asp >>
 >> Karl Erik.
 >>
 >
 > Mange tak, der kan du selvfølgeligt have en pointe    >
 > Nu får jeg:
 > Element source not allowed as child of element audio in this context.
 > (Suppressing further errors from this subtree.)
 >
 > der, hvor der nu står:
 > <source src="electric-drill-2.mp3" type="audio/mp3" />
 >
 > Hvad betyder det?
 >
 Det betyder at du ikke gør som du skal    <audio controls="controls">
 Karl Erik.
 -- 
http://dmwebdesign.dk  - DM i Webdesign
http://twitter.com/kechriste
http://webdesign.ranunkelvej.com  - Artikler om webdesign
            
             |  |  | 
    Karl Erik Christense~ (04-09-2011) 
 
	
          | |  | Kommentar Fra : Karl Erik Christense~
 | 
 Dato :  04-09-11 13:09
 | 
 |  |  |  |  | 
     Martin Ploug (04-09-2011) 
 
	
          | |  | Kommentar Fra : Martin Ploug
 | 
 Dato :  04-09-11 13:16
 | 
 |  | 
 
            Den 04-09-2011 14:09, Karl Erik Christensen skrev:
 > On 04-09-2011 14:04, Karl Erik Christensen wrote:
 >
 >> Det betyder at du ikke gør som du skal    >>
 >> <audio controls="controls">
 >>
 >> Karl Erik.
 >>
 >
 > Jeg har lavet en side om <audio> og <video> i html5, idet det ikke er
 > uden problemer:
 >
 > http://webdesign.ranunkelvej.com/video/video.html >
 > Karl Erik.
 >
 Som jeg forstår det har du ikke problemet, fordi du kun har en source i
 dit audio tag.
 Afspilleren virker til gengæld ikke i f.eks. IE9, fordi IE ikke 
 understøttter ogg.
            
             |  |  | 
      Karl Erik Christense~ (04-09-2011) 
 
	
          | |  | Kommentar Fra : Karl Erik Christense~
 | 
 Dato :  04-09-11 13:38
 | 
 |  | 
 
            On 04-09-2011 14:15, Martin Ploug wrote:
 > Den 04-09-2011 14:09, Karl Erik Christensen skrev:
 >> On 04-09-2011 14:04, Karl Erik Christensen wrote:
 >>
 >>> Det betyder at du ikke gør som du skal    >>>
 >>> <audio controls="controls">
 >>>
 >>> Karl Erik.
 >>>
 >>
 >> Jeg har lavet en side om <audio> og <video> i html5, idet det ikke er
 >> uden problemer:
 >>
 >> http://webdesign.ranunkelvej.com/video/video.html >>
 >> Karl Erik.
 >>
 >
 > Som jeg forstår det har du ikke problemet, fordi du kun har en source i
 > dit audio tag.
 > Afspilleren virker til gengæld ikke i f.eks. IE9, fordi IE ikke
 > understøttter ogg.
 Præcis    Som du ser er audio og video noget rod. Mest pga. Microsoft som er 
 protektionistiske vedr. deres wma og wmv formater.
 Ogg ville være det perfekte format, men men men .....
 W3C laver en fejl idet i hvert fald Firefox "går i stå", hvis der er 
 flere sourcer, hvoraf den ikke genkender nogle. Chrome er lige glad, 
 bare den genkender et af dem.
 Karl Erik.
 -- 
http://dmwebdesign.dk  - DM i Webdesign
http://twitter.com/kechriste
http://webdesign.ranunkelvej.com  - Artikler om webdesign
            
             |  |  | 
   Martin Ploug (04-09-2011) 
 
	
          | |  | Kommentar Fra : Martin Ploug
 | 
 Dato :  04-09-11 13:08
 | 
 |  | 
 
            Den 04-09-2011 13:58, Martin Ploug skrev:
 >
 >>>
 >>
 >> HTML5?? - hvorfor laver du så et xhtml 1.0 strict dokument?
 >>
 >> HTML5 audio-tagget er beskrevet her:
 >> http://www.w3schools.com/html5/tag_audio.asp >>
 >> Karl Erik.
 >>
 >
 > Mange tak, der kan du selvfølgeligt have en pointe    >
 > Nu får jeg:
 > Element source not allowed as child of element audio in this context.
 > (Suppressing further errors from this subtree.)
 >
 > der, hvor der nu står:
 > <source src="electric-drill-2.mp3" type="audio/mp3" />
 >
 > Hvad betyder det?
 >
 >
 Så vidt jeg kan se skyldes det, at man ikke må have flere sources inden
 for samme audio-tag.
 Jeg har lige testet med en anden variant, og den validerer:
http://www.mpsite.dk/lyd/lyd2.htm Så skal man måske ud i noget, hvor man tester på, hvilken browser der 
 bliver brugt, og hvor man så laver noget if else halløj.
 Jeg synes forresten, at Opera har problemer med at starte lydfilen.
 Min Opera er version 11.51. Kan det skyldes, at jeg skal have tilføjet
 et 3. lydformat eller andet?
 Men tak for hjælpen, nu er jeg blevet lidt klogere
            
             |  |  | 
  Rune Jensen (05-09-2011) 
 
	
          | |  | Kommentar Fra : Rune Jensen
 | 
 Dato :  05-09-11 08:18
 | 
 |  | On 4 Sep., 04:58, Martin Ploug <mpl...@pc.dk> wrote:
 
 > Nu får jeg:
 > Element source not allowed as child of element audio in this context.
 > (Suppressing further errors from this subtree.)
 
 Dit source-tag er et child til audio-tagget, og det tillades ikke
 (åbenbart).
 
 > der, hvor der nu står:
 > <source src="electric-drill-2.mp3" type="audio/mp3" />
 >
 > Hvad betyder det?
 
 Prøv at sætte src som en attribut til <audio> i stedet, <audio
 src="audio.mp3" />
 
 Også bemærk, at HTML5 er ikke færdigt, derfor kan standarden stadig
 variere i forskellige browsere. Særligt lyd og video Derfor kan du
 godt risikere, du skal kigge flere "standarder" (måske blogs?) igennem
 for at finde noget passende.
 
 Jeg har selv haft varierende held med forskellige browsere, men
 Epiphany lader til at være ret langt fremme i Webkit-familien med
 <audio>. Faktisk den eneste, som jeg har kunnet få til at makke ret
 ved manipulering af <audio> også i Javascript. Så prøv din side i den
 browser, hvis du har muligheden.
 
 Læg også mærke til, du kan ikke bruge alle audioformater i alle
 browsere (selv om det ikke er det, som er problemet her).
 
 
 MVH
 Rune Jensen
 
 
 |  |  | 
  Birger Sørensen (04-09-2011) 
 
	
          | |  | Kommentar Fra : Birger Sørensen
 | 
 Dato :  04-09-11 14:14
 | 
 |  | 
 
            Martin Ploug frembragte:
 > Hej
 >
 > Jeg eksperimenterer med en helt simpel lyd-/ musikafpiller
 > vha. HTML5. Det skulle gerne ende med at kunne fungere i
 > de mest gængse browsere uden at man er nødt til at installere
 > forskellige plugins.
 > Jeg er klar over, at jeg nok er nødt til at tilføje
 > en source-linje med en mp3 fil som alternativ.
 >
 > Men lige nu vil jeg bare gerne have valideringen på
 > plads.
 >
 > Afspilleren og kildekoden ligger her:
 > http://www.mpsite.dk/lyd/lyd.htm >
 > Valideringsfejlene stå her:
 > http://tinyurl.com/3dq6jvh >
 > Kan jeg rette de fire fejl, og hvordan gør jeg det i så
 > fald?
 >
 > På forhånd tak.
 >
 > Venlig hilsen
 > Martin
 Hvorfor bekymre sig om at validere noget, der måske bliver ændret i 
 eftermiddag?
 Birger
 -- 
http://varmeretter.dk  - billig, sund og hurtig mad
http://bbsorensen.dk |  |  | 
  scootergrisen (04-09-2011) 
 
	
          | |  | Kommentar Fra : scootergrisen
 | 
 Dato :  04-09-11 12:50
 | 
 |  | 
 
            > > Men lige nu vil jeg bare gerne have valideringen på
 > > plads.
 > Hvorfor bekymre sig om at validere noget, der måske bliver ændret i
 > eftermiddag?
 Jeg vil sige det samme som Birger.
 Hvorfor bruge tid og energi på at validere noget HTML 5 kode når
 specifikationen ikke engang er helt på plads endnu ?
 W3C HTML 5 validatoren er experimental så du kan ikke regne med den
 alligevel.
 Om man skal skrive <audio controls> eller <audio controls="controls">
 eller <audio controls="true"> ser ikke ud til at være på plads endnu
 så på min hjemmeside har jeg gjort det at jeg bare sige nu bruger jeg
 <audio controls="controls"> i alle mine eksempler og hvis jeg så
 finder ud af det skal hedder noget andet så kan jeg rette det til den
 tid.
 Du kan se de sider jeg har skrevet om <audio> og måske lære noget :
http://scootergrisen.dk/htmlgrisen/kode_audio_formater.php Skriv gerne din kommentar til siderne.
 Med den kode du har skrevet...
 <audio controls="controls">
    <source src="Fart.ogg" type="audio/ogg" />
    <source src="electric-drill-2.mp3" type="audio/mp3" />
 </audio>
 ....der virker det i de 5 mest brugte browsere. Altså de nyeste
 versioner af dem.
            
             |  |  | 
 |  |