Page 1 of 3
bestimmte Stelle anspringen: HTML5/Flash media player CP
Posted: Thu 7. May 2020, 16:12
by 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
Re: bestimmte Stelle anspringen: HTML5/Flash media player CP
Posted: Thu 7. May 2020, 16:24
by 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.
Re: bestimmte Stelle anspringen: HTML5/Flash media player CP
Posted: Thu 7. May 2020, 16:30
by photojo
bzw. als direkter Link alà
https://.../film.mp4#t=55,60
Video von Sekunde 55 bis Sekunde 60.
Re: bestimmte Stelle anspringen: HTML5/Flash media player CP
Posted: Fri 8. May 2020, 14:39
by 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...
Re: bestimmte Stelle anspringen: HTML5/Flash media player CP
Posted: Sat 9. May 2020, 08:24
by 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
Re: bestimmte Stelle anspringen: HTML5/Flash media player CP
Posted: Sun 10. May 2020, 11:34
by 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
Re: bestimmte Stelle anspringen: HTML5/Flash media player CP
Posted: Tue 12. May 2020, 09:28
by update
Guten Morgen!
Ist wirklich niemand da, der/die mir da behilflich sein kann?
Oder bin ich einfach zu ungeduldig?
Re: bestimmte Stelle anspringen: HTML5/Flash media player CP
Posted: Tue 12. May 2020, 09:44
by photojo
Vermutlich eine Zeit- und Budget-Frage.
Re: bestimmte Stelle anspringen: HTML5/Flash media player CP
Posted: Tue 12. May 2020, 10:13
by Oliver Georgi
update wrote: ↑Tue 12. May 2020, 09:28
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.
Re: bestimmte Stelle anspringen: HTML5/Flash media player CP
Posted: Tue 12. May 2020, 10:19
by update
Danke für Deinen Einsatz!
Bin schon sehr gespannt
Re: bestimmte Stelle anspringen: HTML5/Flash media player CP
Posted: Thu 14. May 2020, 09:39
by update
Gespannt wie ein Flitzebogen
)
Re: bestimmte Stelle anspringen: HTML5/Flash media player CP
Posted: Fri 15. May 2020, 14:02
by update
Kann ich irgendwie behilflich sein?
Re: bestimmte Stelle anspringen: HTML5/Flash media player CP
Posted: Fri 15. May 2020, 14:50
by photojo
Muss es in wcms sein? Oder suchst du eine generelle Lösung?
Re: bestimmte Stelle anspringen: HTML5/Flash media player CP
Posted: Fri 15. May 2020, 16:10
by 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...
Re: bestimmte Stelle anspringen: HTML5/Flash media player CP
Posted: Fri 15. May 2020, 17:28
by 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.