Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: IlyaBakhlin en 15 Abril 2012, 01:06 am



Título: Reproductor con HTML5 y javascript
Publicado por: IlyaBakhlin en 15 Abril 2012, 01:06 am
Buenas noches a todos.
Como dice el título, quiero hacer un reproductor de música con HTML5 y javascript. He estado mirando unos tutoriales y los he ido aplicando, pero no me sale. Publico el código para que podáis decirme dónde está el problema.
Código:
<!DOCTYPE html>
        <html lang="es">
                <head>
                        <meta charset="utf8">
                        <script type="text/javascript">
                                function cambiapista(pista) {
                                        var camino = pista.getAttribute("value")
                                        var player = document.getElementById("reproductor")
                                        mp3.setAttribute("src","canciones\\"+camino+".mp3")
                                        ogg.setAttribute("src","canciones\\"+camino+".ogg")
                                        player.load()
                                }
                        </script>
                </head>
                <body>
                        <audio id="reproductor" controls>
                                <source id="mp3" type="audio/mp3" src="this.options[this.selectedIndex]">
                                <source id="ogg" type="audio/ogg" src="this.options[this.selectedIndex]">
                        </audio>
                        <form action="">
                                <select id="lista" size="4" onchange=cambiapista()>
                                        <option value="cancion1">I Can't Make Me</option>
                                        <option value="cancion2">Soul Back</option>
                                        <option value="cancion3">Drift On</option>
                                        <option value="cancion4">Bitter Song</option>
                                </select>
                        </form>
                </body>
        </html>

Un saludo.