Nieuws:

Welkom, Gast. Alsjeblieft inloggen of registreren.
Heb je de activerings-mail niet ontvangen?

Auteur Topic: [Opgelost][Javascript]Probleem met <audio> element  (gelezen 1017 keer)

Offline Joshua822

  • Lid
  • Steunpunt: Nee
[Opgelost][Javascript]Probleem met <audio> element
« Gepost op: 2011/12/04, 22:53:29 »
Hoi allemaal!

Ik wil een klein mediaspelertje maken in Javascript voor een schoolprojectje, maar het probleem is dat ik de gebruiker tussen enkele liedjes wil laten kiezen. Dat lukt me niet. Ik heb niet echt veel verstand van de HTML-DOM, waardoor ik waarschijnlijk iets over het hoofd zie. Ik probeer dit scriptje aan te praat te krijgen in Firefox.

Hier is mijn code:
<html>
    <head>
        <title>Audiospeler</title>
        <script type="text/javascript">
            function veranderliedje(nieuw_liedje)
            {
                var AudioSpeler = document.getElementById("AudioSpeler");
                AudioSpeler.src = "nieuw_liedje";
                AudioSpeler.load();   
            }
        </script>
    </head>
    <body>
         <p>
             <audio id"AudioSpeler" src="" controls="controls">Je browser ondersteund geen HTML5-audio of geen HTML5-audio in MP3-formaat :(</audio>
             <input type="button" value="Liedje 1" onclick="veranderliedje('LiedjeEen.ogg')" />
             <input type="button" value="Liedje 2" onclick="veranderliedje('LiedjeTwee.ogg')" />
         </p>
    </body>
</html>
(Ja, ik weet overigens dat ik heel wat steekjes laat vallen als het gaat om het maken van een document dat voldoet aan de standaarden, maar dat zoek ik later wel uit )

Alle bestanden staan normaal gezien ook gewoon op de juiste plaats.

Iemand die hier meer verstand van heeft en mij kan helpen?

Alvast bedankt,
Joshua.
« Laatst bewerkt op: 2011/12/17, 19:51:41 door Joshua822 »

Offline Nardon

  • Lid
  • Steunpunt: Nee
Re: [Javascript]Probleem met <audio> element
« Reactie #1 Gepost op: 2011/12/05, 12:25:58 »
<audio id"AudioSpeler" src="" controls="controls">Je browser ondersteund geen HTML5-audio of geen HTML5-audio in MP3-formaat :(</audio>
Je bent een = vergeten. het moet <audio id="AudioSpeler" zijn. ;)
« Laatst bewerkt op: 2011/12/06, 09:50:59 door Nardon »

Offline bram103

  • Lid
  • Steunpunt: Nee
Re: [Javascript]Probleem met <audio> element
« Reactie #2 Gepost op: 2011/12/06, 19:17:36 »
AudioSpeler.src = "nieuw_liedje";
Moet zijn:
AudioSpeler.src = nieuw_liedje;
Het is de variabele nieuw_liedje die als parameter aan de functie doorgegeven wordt en "nieuw_liedje" is een string wat als effect geeft dat bij elke druk op de knop "nieuw_liedje" wordt ingezet (en dat bestaat waarschijnlijk niet) i.p.v. LiedjeEen.ogg of LiedjeTwee.ogg.

Offline Joshua822

  • Lid
  • Steunpunt: Nee
Re: [Javascript]Probleem met <audio> element
« Reactie #3 Gepost op: 2011/12/17, 19:51:12 »
Dank jullie wel voor jullie antwoorden! Een beetje laat, maar het is nu opgelost.