Ich versuche, einen MP3-Player in HTML5 zu machen. Fast die ganze Arbeit ist erledigt, aber was ich brauche, ist, dass ich die Standardkontrollen vom <audio> Tag ersetzen und meine eigenen Kontrollen machen möchte. Einfache Steuerelemente wie Wiedergabe, Pause, Stop und Lautstärke sind fertig, aber ich möchte einen Fortschrittsbalken machen, der die Dauer des Audio/MP3s verfolgt, wobei wenn ich an der entsprechenden Position klicke, zu der spezifischen Position auf dem Track gehe. Wie im folgenden Beispiel.HTML5 Audio - Progress Bar
http://msdn.microsoft.com/en-us/library/ie/gg589528(v=vs.85).aspx
Die Sache hier ist, dass die Datei/MP3 laden im obigen Beispiel bereits und ich schaffe tatsächlich ein Audio-Element von document.createElement("audio");
Verwendung Wenn ich verschiedene Arten versucht, unter Verwendung der oben zu ändern Beispiel Ich bekomme meistens einen Fehler "kann Methode addeventlistener von null nicht aufrufen". Ich möchte, dass dieser Player in Chrome ausgeführt wird.
Vielen Dank im Voraus für Ihre Unterstützung und Hilfe.
Möglicherweise möchten Sie eine Leinwand dafür verwenden. Jedes 'audio'-Element hat eine Dauer und aktuelle Zeitattribute, also können Sie etwas tun:' fillRect (posx, posy, audio.current_time/audio.duration * width, height) '. Ich habe die genauen Namen vergessen, aber Sie werden sie in ein paar Minuten Googeln bekommen. – corazza
"kann Methode addeventlistener von null nicht aufrufen" ist ein generischer Javascript-Fehler. Verwenden Sie einen Debugger wie Firefox Firebug, um zu debuggen, was das Problem mit Ihrem cose ist. –
Kannst du deinen Code posten oder eine Geige erstellen? –