ASP.NET HTML5 Eigenen Audioplayer mit JavaScript erstellen

Question

Hallo,

ich habe bereits hier erfragt, wie man eine Audiodatei abspielt, und fand dir mir vorgeschlagene Lösung über JavaScript + HTML5 sehr gut. Doch ich habe festgestellt, das der durch das <audio>-Tag erzeugte Player mit den Komponenten Start/Stop-Button, Zeitleiste und Lautstärkeregler in jedem Browser anders aussieht. Wie kann ich mir nun einen eigenen, überall gleich aussehenden Player erstellen, evtl. auch mit ASP.NET-Steuerelementen? Ich bin über jeden Ansatz, jedes Tutorial und jede Beispiellösung sehr dankbar.

Vielen Dank im Voraus!

Answer 1

Hallo,
das hört sich an als ob Du eine Java-Script Komponente brauchen kannst

Schau Dir folgende Links bitte an und achte auf die Lizensierung:
http://kolber.github.io/audiojs/
http://www.schillmania.com/projects/soundmanager2/
http://jplayer.org/
https://www.google.de/?gws_rd=ssl#q=javascript%20audio%20player

Grüße Alexander

Answer 2

Hallo,

für nah zu gleiches aussehen der Komponenten kannst du Bootstrap nehmen.

Und für den Play selbst kannst du jquery benutzen hier ein Ansatz http://stackoverflow.com/questions/8489710/play-an-audio-file-using-jquery-when-a-button-is-clicked

Edit:

Für ein absolut genaues Design deines Player in den unterschiedlichen Browsern würde ich dir empfehlen mit Bilder zu abreiten und die Elemente die beschrieben werden absolut zu positionieren.  

Ist nur das Problem mit der Skalierbarkeit. Aber dafür kannst du das Rastersystem von Bootstrap nutzen und für alle 4 Auflösungen eigene Container erstellen. http://holdirbootstrap.de/css/#grid-options

Gruß Thomas