Einbetten von HTML5 <audio> in einer Mobile Safari-Web-App. Ist es möglich, ein Bild anstelle des QuickTime-Logos im Modalplayer zu laden?

Question

Ich habe bisher keine Ressource gefunden, die erklärt, ob dies überhaupt möglich ist. Die Apple-Dokumentation hier gefunden

https://developer.apple.com/library/content/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/AudioandVideoTagBasics/AudioandVideoTagBasics.html#//apple_ref/doc/uid/TP40009523-CH2-SW1

...erwähnt solche Funktionen nicht.

Ich habe auch versucht, Audio mit dem Tag einzubetten, das den gleichen modalen QuickTime-Player aufruft.

Gibt es eine Möglichkeit, dies zu tun oder alternativ - gibt es eine Möglichkeit, Audiodateien in einer iPhone-Web-App abzuspielen, ohne einen modalen externen Player zu öffnen?

Answer 1

Ich habe einen Workaround gefunden, um diese Funktionalität zu erreichen, indem ich das Kommandozeilenwerkzeug mediafilesegmenter von Apple verwende, um eine mp3-Datei für das "HTTP Live Streaming" vorzubereiten - Apples neues Protokoll für das Streamen von Medien über HTTP.

Weitere Informationen hier: http://developer.apple.com/iphone/library/documentation/NetworkingInternet/Conceptual/StreamingMediaGuide/Introduction/Introduction.html#//apple_ref/doc/uid/TP40008332-CH1-DontLinkElementID_29

Indem Sie die Argumente --audio-only --meta-file poster.png --meta-type picture verwenden, können Sie einen mp3-Stream erstellen, der das Bild poster.png im externen QuickTime-Player anzeigt, während der Ton wiedergegeben wird.

Answer 2

Sie können Audio inline abspielen mit jPlayer, einem jQuery MP3-Plugin.

Demo (ausprobieren auf dem iPhone): http://happyworm.com/jPlayerLab/single-page-app/#first

Answer 3

Ich bin mir keiner solchen Anpassungsfähigkeit bewusst. Vielleicht könnten Sie stattdessen ein Skript hinzufügen, das das-Element vollständig ausblendet und alternative JavaScript-Interaktionssteuerelemente bereitstellt, die nach Ihren Wünschen gestaltet sind.