|
|||
Audioplayer mit Javascript starten
Ich habe eine Webseite gebastelt, auf der auch Musik zum Anhören vorhanden ist. Bisher habe ich einfach die MP3-Dateien verlinkt, die in Firefox auch prima abgespielt werden, nur leider nicht in anderen Browser. Nun könnte ich natürlich einfach einen HTML-5-Player einbinden, aber ich hätte es gern etwas eleganter. Ab besten wäre es, man startet und stoppt mit einem Klick auf das Bild mit der Kassette die Wiedergabe der dazugehörigen Datei im Player. Der Player soll später mit invisibility:hidden unsichtbar gemacht werden.
Da ich keine Ahnung von Javascript habe, mußte ich mir die passende Lösung zusammensuchen, aber leider funktionierte keine davon, der Player blieb stumm. Selbst die in meinen Augen einfachste, die nur den Player starten soll, versagt. Wo liegt der Fehler? Hier die relevanten Codeschnipsel: <img src="images/kassette01.jpg" onclick="document.getElementById('audio1')audioEle ment.play()"/> <audio preload controls id="audio1"> <source src="musik/Back_In_Black.mp3"> </audio> |
Sponsored Links |
|
||||
Ich weiß, keiner außer mir beherrscht die Gabe des Googlens.. aber: was sagt Google dir dazu? Denn mir sagt Google:
HTML Audio/Video DOM play() Method
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege www.richard-thiel.de | Müssen Websiten überall gleich ausschauen? |
Sponsored Links |
|
|||
Zitat:
Was meinst Du mit Punkte und Strichpunkte? |
|
|||
Wie gesagt, im Originaltext ist an der Stelle kein Leerzeichen, dort steht audioElement.
Meinst Du die Browserconsole? Dort steht: SyntaxError: missing ; before statement musik.php:1:33 TypeError: document.getElementById(...) is null overlay.js:7333:5 |
|
|||
In dem von mir zuletzt geposteten Teil ist kein Leerzeichen. Da weise ich dich auf ein fehlendes ; hin. Genau das selbe macht auch deine Konsole. Da würde ich mal anfangen mit der Fehlerbehebung. Ohne korrektes JS kann das nicht mal Ansatzweise funktionieren.
Bzw. falls der ; sich afu eine andere Datei bezieht (ich weiß ja nicht was in deiner musik.php drin steht) ... dann fang dort an |
|
|||
Das ist mir schon klar, nur wie bereits im Eingangbeitrag geschrieben, habe ich so gut wie keine Ahnung von JS. Ich hatte 2011 einen Einsteigerkurs und habe es seitdem nicht mehr genutzt. Ich versuche also, mir aus den Übungen von damals und meinen Recherchen bei Google etwas passendes zusammenzubasteln.
Ich habe jetzt entsprechend meinen alten Vorlagen von 2011 noch einen Punkt hinter ('audio') und ein Semikolon am Ende hinter () eingefügt, ob das nun so korrekt ist, weiß ich nicht: <img src="images/kassette01.jpg" onclick="document.getElementById('audio1').audioEl ement.play();" /> <audio preload controls id="audio1" style="width:273px; margin-top:20px"> <source src="musik/Back_In_Black.mp3"> </audio> Die Konsole schreibt: ReferenceError: audioElement is not defined musik.php:1:35 Die komische Lücke, die wieder bei audioElement auftaucht, ist anscheinend eine fehlerhafte Darstellung. Ich hab das Wort jetzt dreimal neu geschrieben, ohne Leerzeichen, aber in der Darstellung hier im Forum ist immer eine Lücke. Keine Ahnung vorher das kommt, also bitte ignorieren. |
|
|||
was soll das audioelement überhaupt sein? Woher hast du das überhaupt? Von einem Tutorial? ...?
Es wurde bereits ein Grundlegendes Beispiel für play-stop gepostet, wieso orientierst du dich nicht daran? |
Sponsored Links |
|
|||
Zitat:
Weil ich erstmal sehen wollte, warum mein Code nicht funktioniert. Manchmal fehlt ja nur ein Komma. Aber anscheinend fehlt noch eine ganze Menge, ist das richtig? |
Sponsored Links |
Stichwörter |
audio player javascript |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Mit Javascript Googlesuche starten | digmed08 | Javascript & Ajax | 4 | 02.05.2012 16:29 |
PHP Datenbankabfrage aus JavaScript starten | FBI | Javascript & Ajax | 2 | 02.11.2008 12:19 |
Wort in Javascript Code einfügen; dann Javascript Code ausgeben | Sp33dy G0nz4l3s | Javascript & Ajax | 1 | 23.05.2008 10:37 |
Impressumsaufruf mit Javascript | Sinclair | Javascript & Ajax | 6 | 19.05.2008 16:41 |
Javascript und Sicherheit | Kirsten | Javascript & Ajax | 2 | 26.03.2007 11:13 |