PROGRAMACIÓN HTML

La API para medios fue desarrollada tanto para video como para audio. Cada evento, método y propiedad incorporada para video funcionará también con audio. Debido a esto, solo necesitamos reemplazar el elemento < video > por el elemento < audio > en nuestra plantilla e instantáneamente obtenemos un reproductor de audio:

< html >

           < head >
                          < title>Reproductor de Audio
                          < link rel="stylesheet" href="reproductor.css">
                          < script src="reproductor.js">
          < /head>
          < body>
                         < section id="reproductor">
                                           < audio id="medio">
                                                                 < source src="http://minkbooks.com/content/beach.mp3">
                                                                 < source src="http://minkbooks.com/content/beach.ogg">
                                           < /audio>
                                           < nav>
                                                       < div id="botones">
                                                                    < button type="button" id="reproducir">Reproducir
                                                       < /div>
                                                       < div id="barra">
                                                                      < div id="progreso">
                                                       < /div>
                                                      < div style="clear: both">
                                         < /nav>
                        < /section>
        < /body>

< /html>

◄