MediaElement.js - Flash-Video wird nicht bis vollständig geladen abgespielt

Da Sie Ihre eigenen Videos kodieren und FFmpeg verwenden, empfehle ich, 'qt-faststart' zu verwenden.

Dies ist ein nützliches Werkzeug in FFmpeg, das eine Datei mit H.264-Video neu anordnet, "so dass das Moov-Atom vor den Daten liegt und somit das Streaming im Netzwerk erleichtert". Grundsätzlich können Web-Filme abgespielt werden, bevor sie vollständig heruntergeladen werden.

Aktivieren Sie es mit dem folgenden ffmpeg-Verzeichnis:

Verwendung (nach Ihrer ffmpeg-Codierung):

Dadurch sollte Ihr Player das Video abspielen können, während es noch heruntergeladen wird.

Ich habe versucht qt-faststart mit meinen eigenen MP4 (h264 + AAC) kodierten Dateien und erhielt immer eine " letzte Atom in der Datei war kein Moov Atom " Fehlermeldung (und keine Ausgabedatei) . Ich nahm dann an, dass meine Akten in Ordnung waren, und suchte nach dem Problem elderwere. Nach stundenlangen Tests erwies sich meine Annahme als falsch - tatsächlich scheint es so, als hätten meine Dateien überhaupt kein Moov-Atom, weder am Anfang noch am Ende!

Um dies erfolgreich zu beheben, habe ich zuerst ffmpeg verwendet, um die Datei zu regenerieren - das heißt, die ursprünglichen h264 + AAC-Spuren in eine neue MP4-Datei zu migrieren, ohne sie neu zu codieren:

Danach sollte die neue Datei am Ende ihr eigenes moov-Atom haben. So können Sie jetzt qt-faststart verwenden, um es an den Anfang zu verschieben, wie Kit in seiner Antwort erklärt:

Danach spielt mediaelement alle meine Videos direkt nach dem Klick auf den Play Button ab, wenn die Datei heruntergeladen wird! :)

Wenn Ihr Problem ist, dass Sie bereits alle Ihre Dateien auf einer Youtube-ähnlichen Seite haben, ist Ihr Hosting Linux-basiert, ffmpeg ist nicht da und Sie können es nicht selbst kompilieren, Sie finden es nützlich, einen statischen Build von zu bekommen ffmpeg. Sie können das hier finden:

Ссылка (32 Bit) oder hier: Ссылка (64-Bit)

Leider gab es auf dem 32-Bit-Build, den ich benutzte, keinen qt-faststart, weder als Binärcode noch als Quellcode. In diesem Fall können Sie es von ffmpeg SVN herunterladen und es direkt mit gcc kompilieren. Ich habe es erfolgreich in meinem Ultra-el-cheapo Shared Hosting gemacht. Es scheint keine Build-Abhängigkeiten zu haben. Oder Sie können sogar versuchen, meine eigene qt-faststart binäre Version und sehen, ob es für Sie funktioniert.

BEARBEITEN: Ich habe gerade festgestellt, dass in neueren Versionen qt-faststart überhaupt nicht benötigt wird. Sie können direkt mit ffmpeg mit der folgenden Option codieren:

Ich wollte ein wenig über John Dyers Kommentar erweitern und sagen, dass QTIndexSwapper nicht nur für die Flash -Fallback- / Fallfoward-Funktionalität von MediaElement.js geeignet ist, sondern auch für den Nicht-Flash-Player.

Das Problem, das ich hatte, war im Nicht-Flash-Player. Meine .mp4-Datei musste das komplette Video laden, bevor es zu spielen begann (ich habe die Flash-Version erst überprüft, nachdem ich es ohne Flash hatte) QTIndexSwapper hat das Problem gelöst.

Ich wollte darauf hinweisen, als ich zum ersten Mal den Kommentar gelesen habe, dachte ich, dass es nur auf Flash zutrifft und habe es nicht sofort versucht. Nicht, dass ich etwas von John Dyer wegnehme, da es sein Kommentar war, der am Ende mein Problem gelöst hat, ich wollte nur hinzufügen, dass hoffentlich andere meinen Fehler nicht machen.

Wenn jemand interessiert ist, habe ich einen Blogbeitrag zu diesem Problem und über eine PHP-Klasse, die es auch beheben sollte.