bestimmte Stelle anspringen: HTML5/Flash media player CP

[update]

Huhuuu!
Kann ich mit dem HTML5/Flash media player CP ein Video laden und das dann ab einer bestimmten Sekunde/Minute abspielen (lassen)?
Wenn ja, bitte wie, wenn nein, bitte wie dann

[photojo]

Probier das mal

Code: Select all

<video>
    <source src="film.mp4#t=10,20" type="video/mp4">
</video>

oder

per JS beim Laden die Länge des Files auslesen und ab einer bestimmten Stelle wiedergeben.

[photojo]

bzw. als direkter Link alà

https://.../film.mp4#t=55,60

Video von Sekunde 55 bis Sekunde 60.

[update]

Danke! Beides funktioniert soweit prima!

Wenn ich nun ein 90-Minuten-Video habe mit 5 verschiedenen wichtigen Abschnitten, dann müsste es eine (wünschenswerte) Möglichkeit geben, auf ein-und-derselben Seite zu bleiben, das Video einmal zu laden, fünf verschiedene Links zu den jeweiligen Abschnitten zu haben und in das Video gezielt reinzuzuspringen. Das ist wahrscheinlich dann gar nicht mehr trivial... hmmm. Keine Vorstellung, wie das gehen könnte...

[Oliver Georgi]

Ich habe mich nie damit beschäftigt, da eher ein Randproblem. Prinzipiell könnte man das mit etwas JavaScript abfangen und "oben" aufsetzen.
https://docs.videojs.com/docs/api/playe ... urrentTime

[update]

Hallo Oliver,
danke für Deinen Input
Ich habe leider keine Idee, wie das umzusetzen wäre (in Ermangelung von genügend know how).
Wie gesagt, die Einzellinkversion von photojo funktioniert. Ich bräuchte aber mehrere, um mehrere Stellen im Video anfahren zu können.
Falls Du Lust, Laune und Zeit hättest (oder auch gerne jemand anderes) - ich empfange auch gerne eine Rechnung dafür

Das Projekt ist das eines Freundes und tatsächlich mein letztes, an dem ich arbeite. Daneben beschäftigen mich Gitarrenwerkstatt und Kulturzentrum ziemlich ausreichend

[update]

Guten Morgen!
Ist wirklich niemand da, der/die mir da behilflich sein kann?
Oder bin ich einfach zu ungeduldig?

[photojo]

Vermutlich eine Zeit- und Budget-Frage.

[Oliver Georgi]

Oder bin ich einfach zu ungeduldig?

Zeit halt, Ansatz habe ich. Habe eine kleine Codeänderung vorgenommen, mit der man den Player in JavaScript hat und dann triggern kann, bisher wird dort keine Referenz zurückgegeben. Aber muss noch einen simplen Replacer integrieren, der dann dann die Sprungmarken auswertet und berücksichtigt.

[update]

Danke für Deinen Einsatz!
Bin schon sehr gespannt

[update]

Gespannt wie ein Flitzebogen )

[update]

Kann ich irgendwie behilflich sein?

[photojo]

Muss es in wcms sein? Oder suchst du eine generelle Lösung?

[update]

Sollte schon phpwcms sein, sonst werden die noch wirrer
Vielleicht taucht Oliver ja noch mit einer Lösung auf. Klang jedenfalls so, als wäre er ganz nah an selbiger

PS: ich hatte ja was gebastelt mit Deinem Vorschlag, mit einer einzigen Marke super, aber bei mehreren Zeitmarken wurde das eher unzureichend...

[Oliver Georgi]

Ich habe phpwcms erweitert https://github.com/slackero/phpwcms/com ... 9-php7-dev. Es existiert nun eine Möglichkeit, Marker zu definieren und in JavaScript abzugreifen. Es ist nun leicht möglich, aktuelle Player-Instanzen der aktuellen Seite zu ermitteln, ohne das noch mal selbst in jQuery/JavaScript tun zu müssen.

Hier mal ein Beispiel, um auf die Player zuzugreifen. Das muss man dann natürlich an das anpassen, was man selbst braucht.

Code: Select all

<script>
if(typeof videoJsInstances !== "undefined" && videoJsInstances.length) {
    console.log(videoJsInstances);
    for(let i=0; i < videoJsInstances.length; i++) {
        let thisPlayer = window[videoJsInstances[i].instance];
        let thisPlayerMarker = window[videoJsInstances[i].instance+'_marker'];
        console.log(thisPlayerMarker);
    }
}
</script>

Ich würde das vermutlich so bauen, dass man die Marker in eine klickbare Liste überführt, per JavaScript im DOM hinter dem Player einfügt und mittels Klickevents dann die Sprungmarke mit den Bordmitteln von VideoJS triggert.

Die Marker habe ich auf Basis dieser VideoJS Erweiterung aufgebaut.