8 Stimmen

Html: Audio ohne Steuerelemente abspielen?

Ich muss eine mp3-Audiodatei abspielen, wenn der Benutzer auf ein Bild klickt. Ich möchte nur Audio zu spielen, d.h. es sollte keine Steuerelemente, Widgets, etc. sein. Auch sollte der Browser keine externe Anwendung starten.

Edit: ok, ich kann vielleicht Flash ausprobieren. Empfehlungen für einen leichtgewichtigen Flash Player?

5voto

Inashadow Punkte 51

Jetzt gibt es eine Möglichkeit, dies zu tun. Setzen Sie dies: <audio src="sounds/game-welcome.mp3" style="display:none;" autoplay> (Ersetzen Sie sounds/game-welcome.mp3 durch Ihre Datei)

3voto

marcgg Punkte 62358

Sie könnten dies tun:

<embed src="blah.wav" autostart=false loop=false>

... aber das Abspielen von Sound ohne Flash ist böse und führt zu browserübergreifenden Problemen, auch wenn es einige Lösungen .

Sie können auch HTML5 und die Audio Tag:

<audio src="horse.ogg" controls="controls">
Your browser does not support the audio element.
</audio>

... aber das wird nicht von allen Browsern unterstützt.

EDIT: Für einen Flash-Player könnten Sie verwenden diese ou diese sehr einfache ... es gibt viele! Probieren Sie Beispiele aus und finden Sie heraus, was für Sie am besten ist.

1voto

Mike Branski Punkte 755

Ich bin nicht sicher, ob Sie noch davon profitieren können, aber SoundManager 2 und jPlayer sind zwei einfach zu bedienende Audio-Player. Beide werden mit JavaScript instanziiert, rufen im Hintergrund eine Flash-Datei auf und können mit HTML und CSS gestaltet werden.

1voto

alby1481 Punkte 39

Lassen Sie mich dies korrigieren. Mit HTML5 wird eine .ogg-Datei nur in FireFox abgespielt. Hinzufügen von Kontrolliert Element zeigt die Steuerelemente an, um die Steuerelemente auszublenden, fügen Sie einfach kein Steuerelement hinzu, aber auch das funktioniert nur in FireFox mit einer .ogg-Datei. FireFox unterstützt keine MP3-Dateien in HTML5, nur Chrome und Safari so weit, vielleicht IE9 wird später. Ihre beste Chance ist Flash. Viel Glück!

0voto

Justin Punkte 67

Tun Sie einfach dies:

controls="false"

es ist ein boolescher Wert

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X