Spass mit HTML5 audio tag und mobile safari

Kay · 5. September 2013, 10:50

Moin,

ich versuche grade im mobile safari (iPad) eine kleine Audiodatei abzuspielen. Die ist Teil einer kleinen Demopage.
Mit dem html5 audio tag, als base64 encoded string.

Die Audiodatei habe ich auf dieser Webseite in base64 umgewandelt. opinionatedgeek.com/dotnet/tools/base64encode/

Per Javascript und jQuery lade ich dann das html rein.

Quellcode

var responseHTML = '<audio controls autobuffer autoplay><source src="data:audio/mp4;base64,' + response + '" /><audio/>';
$('.audioRecordingPlaceholder').html(responseHTML);

Das Control wird angezeigt, leider aber der Sound nicht abgespielt. Irgendwelche Ideen?

Danke! Gruss. Kay.

Kismet · 5. September 2013, 11:38

hmm könnte sein das der Safari det ja nciht kann. devdocs.io/html/audio < Oki hier sidn auch nur Fragezeichen und nichts genaues. Wie sieht es den mit dem Playback aus wenn die AudioDatei nicht base64 codiert ist, meinetwegen mit ne schnöden WAV-Datei. Ich glaube daran könnte es liegen.

Ich vermute aber SteveJ könnte da mehr Helfen.

John1994 · 5. September 2013, 11:55

Webview Html Hintergrundmusik

evtl hilft dir das weiter, ...... oder auch nicht

Kay · 5. September 2013, 12:00

@John1994 Es geht mir nicht um embed...

Kay · 5. September 2013, 12:06

Ah! Mist...Sehe grade, dass beim Mobile Safari nur Fragezeichen stehen.

Kismet · 5. September 2013, 12:09

So wenn die Dateien eingebunden werden (also nicht base64) dann klappt es. Wir haben das hier auch mal getestet.

Kay · 5. September 2013, 13:18

Mist. Ich kann leider keine Audiodatei mit ausliefern...Schade...

sauerzapf · 7. September 2013, 10:30

Hi Kay,

"autoplay" geht im mobile Safari nicht. Zumindest versucht Apple alle Möglichkeiten einer automatischen Wiedergabe zu sperren.
Es muss immer eine Userinteraction geben.
Zum Untersuchen des Fragezeichens kannst Du den Safari Debugger von dem Mac mit dem WebKit im iOS koppeln und nachsehen was passiert.

LG Jürgen

Quellcode

Tags