Ich versuche gerade, einen HTML5-Videoplayer so anzupassen, dass ich eine Schaltfläche hinzufügen kann, die die aktuelle Bildnummer zurückgibt.
Nehmen wir an, ich habe ein Video mit 30 Bildern pro Sekunde, das 90 Sekunden dauert. Wenn ich auf diesen Knopf klicke, möchte ich mir die Nummer des aktuellen Rahmens ausdrucken. Ist das möglich?
Ich denke, Sie können die folgende API für Webkit / Mozilla-basierten Browser verwenden:
Mozilla hat die folgenden Statistiken in Firefox implementiert:
%Vor%Mozilla arbeitet auch an einigen der hier aufgelisteten Statistiken.
Webkit hat diese implementiert:
%Vor%Ich untersuche immer noch die Auflösung von IE9 ...
Referenz: http: //wiki.whatwg.org/wiki/Video_Metrics
Ich denke nicht, dass es eine standardisierte Framerate über Browser gibt oder irgendeine Möglichkeit, mit html5-Video auf den aktuellen Frame zuzugreifen. Was Sie jedoch tun könnten, ist die Fernsehstandard-Framerate von 29,97 Bildern pro Sekunde zu verwenden und diese einfach mit der aktuellen Zeit des Videos zu multiplizieren: (vid.currentTime * 29.97).toPrecision(6) .
Hier ist eine Fiddle, die ich eingerichtet habe und demonstriere, wie man das an eine Schaltfläche bindet, um den aktuellen Frame zu erhalten: Ссылка
Es gibt eine ordentliche Video Frame JS lib, um mit Frames zu arbeiten Ссылка
Es ist eine sehr alte Frage, aber das könnte für neue Leser nützlich sein.
Tags und Links javascript html5 html5-video